以單文件的方式啟動
單文件就是以*.vue結尾的文件趴酣，最終通過webpack也會編譯成*.js在瀏覽器運行
內(nèi)容：<template></template>+<script></script>+<style></style>
1、template中只能有一個根節(jié)點 2.x
2知市、script中 按照export default{配置} 來寫
3舱呻、style中可以設置scoped屬性计福，讓其只在template中生效
webpack找人來理解單文件代碼
vue-loader,vue-template-compiler砰琢，代碼中依賴vue
vue的安裝：
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g webpack
npm install -g vue-cli
創(chuàng)建vue項目：
vue init webpack-simple 項目名
編輯方式：
使用sublime text打開
運行方式：
cd 項目目錄
npm install
npm run dev
瀏覽器打開：localhost:8080
關于es6的學習：
Vue CLI腳手架
腳手架是通過webpack搭建的開發(fā)環(huán)境
使用es6語法
打包和壓縮js為一個文件
項目文件在環(huán)境中編譯厦酬，而不是瀏覽器
實現(xiàn)頁面的自動刷新
build：
構建了客戶端和服務端
包括端口號
config:
配置文件
static：
靜態(tài)文件
README.md：
使用教程
src:
assets:
圖片
components:
組件
App.vue：
main.js:
跟index.html直接關聯(lián)的融撞，然后進入App.vue勉耀，App.vue是模板指煎，包含了html結構和處理邏輯蹋偏、解決樣式
template不會渲染到DOM中去，只能有一個root Element
組件的使用：
注冊一個全局的組件
取名的時候不能取和系統(tǒng)標簽沖突的至壤，否則在引入標簽的時候會沖突
組件css的作用域：
scoped只能在當前的域內(nèi)使用
屬性傳值Props：
放到App.vue中威始，傳給子組件，調用的時候給子組件
最好的辦法是指定對象像街，指定相應的屬性
綁定屬性傳具體的值黎棠，或者傳引用：Array、object
傳引用的時候镰绎，一個地方發(fā)生變化脓斩，全部的就一起跟著變化
v-router
屬性傳值的兩種方法
Vue組件的生命周期1
Vue組件的生命周期2
Vue組件的調用
vue的api
Vue反轉輸入內(nèi)容的方式
