項目初始化
npm install -global vue-cli 全局安裝
-
初始化項目她我。
創(chuàng)建一個 基于 webpack 模板的新項目勾徽。
vue init webpack my-project
ESLint 檢測代碼
-
進入項目
cd my-project
-
安裝依賴
npm install
-
啟動項目
npm run dev
項目目錄結(jié)構(gòu)
index.html : 項目根視圖
.postcssrc..js : postcss 配置文件
static : 靜態(tài)文件目錄
安裝會出現(xiàn)
Project name (項目名稱)
Project description (項目描述)
Author （作者）
Vue build standalone （VUE獨立構(gòu)建）
Install vue-router? （查看路由）
Use ESLint to lint your code? （代碼檢查） 開發(fā)過程中需要安裝，但是谓谦，在測試階段不要安裝贫橙， 一旦安裝了，代碼空格換行 遵循統(tǒng)一風格反粥。
Set up unit tests卢肃？ （給測試用的）
Setup e2e tests with Nightwatch?（也是測試用的）
模版語法
Vue組件：
包括三個部分
template: 視圖部分
script： 邏輯部分
style： 樣式部分
mustache: 模板
表現(xiàn)形式： {{ 語法 }}
{{ 哈哈哈哈 }}
{{0<10? '對的': '錯的'}}
{{'注意只能存在單行語句，并且星压，不能作用在html屬性'}}
{{20+1}}
{{flag}}
vue 基本指令：
v-html: 渲染文本
v-text : 渲染文本
v-bind: 綁定
條件渲染：
v-if
v-else
v-else-if
v-show
問題 v-if 和 v-show的區(qū)別践剂？
列表渲染：
v-for
