ヒント:最初にあなたがvue2.0に精通している必要があり、差vue2.0のvue3.0を理解するために
開始まで最も単純なものから最も明白な
プロジェクトのディレクトリ構造
あなたは明確に(私のCSSプリプロセッサがインストールされているvue3.0、それは豊かなヘクタールに見える)大きく異なる、vue2.0とディレクトリ構造で3.0、見ることができます
vue3.0プロファイルディレクトリを削除、config
および build
フォルダ
同時に削除する static
静的フォルダ、新しい public
フォルダ、あなたはオープンレベルのディレクトリを検索します慎重に、 index.html
への移動 public
途中に
構成アイテム
開発環境と本番環境へのvue2.0ドメイン設定、ドメイン名を設定するときに、あなたがdev.env.jsとprod.env.jsに設定を設定する必要があります
私は、3.0の設定ファイルが削除されていると、前にも言ったが、より多くの.env.productionとenv.developmentファイル、ファイルの場所に加えて、実際の構成および2.0まで変わりません
もちろん、ない設定ファイル、あなたは、vue.config.jsに移動のconfig / index.jsから、設定方法そのままのクロスドメインのドメイン名を設定する必要があります
3.0では、vue.config.jsはモックに設定されています
便利な独立した開発者インターフェースバックエンドのフロントエンドで開発されていない、mockjsが生成される仮想データの一部をシミュレートするために使用されています。ことが注目されます
でも、本当のURLで、しかしmockjsは良いローカルデータを設定するために、AJAX要求リターンを傍受しました
あなたは、通常のバックエンドからデータを取得したい場合は、モックの使用をオフにする必要があり、私が直接削除された、もちろん、あなたが他の方法を選択することができます
main.js(あなたのモックを取り除くために、フロントライン上のノート)mock.jsについての説明があります
ビジュアルインターフェース
アイテムが見つかった、VUE UIコマンドは依存を動作させるように構成することができ、直接視覚インターフェースを開き
皮膚の友達のコマンドラインは非常に友好的であると言うことができるようにそれはしていません
他の
グローバルインストールVU-CLI 3.0
NPMインストール-g @ VUE / CLI
如果之前安装了2.0版本,先卸载 npm uninstall -g vue-cli )
安装完 3.0 后,有以下两种创建项目的方式:
1: vue create < project-name>
然后会出现默认和手动两个选项,跟着步骤走就好(傻瓜式操作)
2: 用视图创建项目 vue ui (上面已经说了)
在2.x0中,你使用 Vue.set 来给对象新增一个属性时,这个对象的所有 watcher 都会重新运行
而在3.0中,只有依赖那个属性的 watcher 才会重新运行 ,这样使得变更通知更加精准
再有其他的变化,可能就涉及到底层了,暂且不讨论,毕竟实际项目进度优先,研究底层技术这个事,就留给诸位大牛吧