VueJS MVC MVT MVVM M-Model（頁面數據邏輯）-json V-View（頁面） VM-ViewModel（視圖邏輯模型） 數據驅動 雙向綁定 指令 *** Vue包含的內容 Vue對象 el data methods computed:{}, watch:{}, filters:{}, --directives:{}, --mixins:[], Vue生命周期 Vue Router 路由 VueX 狀態管理-- 組件化開發 .vue 傳值 mockJS axios ElementUI ElementAdmin--后臺 AntDesign AntDesignPro 指令 {{}} v-if v-else 直接刪除元素 v-show display:none v-for v-bind 強制數據綁定 : 方法 methods xx v-on:click='xx' @click='xx' 計算機屬性 node goole v8===jvm npm===maven cnpm cnpm安裝命令（不推薦） npm install -g cnpm --registry=https://registry.npm.taobao.org 設置npm鏡像地址 npm config set registry https://registry.npm.taobao.org 查看鏡像地址 npm config get registry 初始環境安裝 安裝webpack npm i -g webpack npm i -D webpack 安裝webpack-cli npm install -D webpack-cli npm install webpack-cli -g 安裝webpack-dev-server npm install -g webpack-dev-server 安裝vue-cli npm install -g vue-cli 創建工程 vue init webpack vuecli ？Project name ---- 項目名稱，如果無需更改，直接回車即可； ？Project description ---- 項目描述，按需填寫。 ？Author ---- 作者 ？Vue build ---- 構建模式，一般默認第一個； ？Install vue-router? ---- 是否安裝vue-router。選N。 ？Use ESLint to lint yout code? ---- 格式校驗，按需； ？Set up unit tests ---- 測試相關，按需； ？Setup e2e tests with Nightwatch? ---- 測試相關，按需； ？Should we run ‘npm install’ for you after the project has been created? ---- 選Yes, use NPM。 組件間通信 props vue自定義事件 pubsub消息訂閱與發布的第三方庫 slot props 被調用的組件需要通過props暴露數據接口 接收的數據與數據字段的使用方式一致 調用組件通過標簽屬性傳值 數據驗證 ElementUI 安裝 npm i element-ui -S 引入 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App' Vue.use(ElementUI); vuex里參數改變默認去刷新頁面使用computed來判斷 ``` computed: { isFollow () { return this.$store.state.yearMou;　　//需要監聽的數據 } }, watch: { isFollow (newVal, oldVal) { this.abnormalreson(); } }, ```