vue2.0とvue3.0構成の違い

ヒント:最初にあなたが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 才会重新运行 ,这样使得变更通知更加精准

再有其他的变化,可能就涉及到底层了,暂且不讨论,毕竟实际项目进度优先,研究底层技术这个事,就留给诸位大牛吧

 

おすすめ

転載: www.cnblogs.com/tongjiaojiao/p/11812194.html