Vue-cli-10-xiaoming

2060 ワード

2018-10 -23
一、時間が経つにつれて、Vueの多くの知識がますます曖昧になってきたので、まず一緒にVueを復習しましょう.
1.vueの概要;3つの主流フレームワーク:vue/angular/react.2.vueの概念;3.フィルター4.vueの計算属性; 5.vueのコンポーネント; html , 。 6.vueのコンポーネントに値を渡す.7.ライフサイクルとルーティング(ルーティングのネスト、ルーティングのパラメータ);8.vueのajax(axios).二、codingはGitの中で:1先にgit initを入力する;②git add .; ③git commit-m「プロジェクト」;④git remote add origin https://git .coding.net./QAQming/robot.git; ⑤gIt push -u origin master. QAQ:indexリンクがない後+"/ファイル名.html"QAQ:「淘宝鏡像」(cnpm)=>をインストールすると、他のコマンドを迅速に実行できます.
eg:npm install -g cnpm -registry=https://registry.npm.taobao.org QAQ:Gitでは「ctrl+c」または「ctrl+v」でコピーして貼り付けることはできません.そしてctrl+cはGitにおいて最後の命令を終了する.
三、vue-cli足場(プロジェクト構造を構築する)1.xxx.vue==>単一ファイルコンポーネント.
  • html


    css




    js


    3.つまり重要なのはwebpackを利用してvue-cliを作ることです.

    ①webpack(コード圧縮)
    cnpm install webpack-g
    2 vue-cli
    cnpm install vue-cli-g
    ③一つのプロジェクト(webpackテンプレート)
    vue init webpack webpack-demo


    QAQ:webpack-demoはプロジェクト名.

    QAQ:また、関連する依存をインストールする前にプロジェクトフォルダに存在するかどうかに注意し、存在しない場合はGitに


    cdプロジェクト名、フォルダに入れます.

    ④インストール依存(node_modulesフォルダのインストール)
    cnpm install
    ⑤サービスを開く
    npm run dev


    QAQ:vue-cli:

    1. 网站的公共样式放到App.vue中 ;
    2. 在router中的index.js中配置路由 ;
    3. 在components中创建xxx.vue,写