資訊專欄INFORMATION COLUMN
摘要：方法用來新增對象的屬性模版指令不是字符串模版渲染，所以需要用來渲染菜鳥教程屬性中的值應使用指令縮寫方式。
最近因為要重構(gòu)APP項目，在對比了react和Vue，加上前期已經(jīng)有了react開發(fā)的經(jīng)驗，還是想嘗試一下VUE，更小更便捷的開發(fā)方式。
1.vue 初始化安裝官網(wǎng)提供的NPM方法$ npm install vue # 全局安裝 vue-cli $ npm install --global vue-cli # 創(chuàng)建一個基于 webpack 模板的新項目 $ vue init webpack my-project # 安裝依賴，走你 $ cd my-project $ npm run dev2.初入Vue-demo
3.Vue-js 指令site : {{site}}
url : {{url}}
{{details()}}
數(shù)據(jù)data顯示 用{{}}
當我們給一個比如 props 中，或者 data 中被觀測的對象添加一個新的屬性的時候，不能直接添加，必須使用 Vue.set 方法。
Vue.set 方法用來新增對象的屬性
vue-html 模版指令 vue不是字符串模版渲染，所以需要用vue-html來渲染dom
v-bind HTML 屬性中的值應使用 v-bind 指令（縮寫方式 ：tile="XXXX"）。 屬性v-bind:title="我是title屬性"
v-if v-else v-else-if 條件判斷語句
v-show 簡單語句 ，有緩存，如果是多次操作，建議用v-show
一般來說，v-if 有更高的切換消耗而 v-show 有更高的初始渲染消耗。因此，如果需要頻繁切換 v-show 較好，如果在運行時條件不大可能改變 v-if 較好。
v-on 綁定事件 縮寫方式 @click:{{functionName()}}
v-for 循環(huán)迭代 for-in
v-model用在表單控件上的，用于實現(xiàn)雙向數(shù)據(jù)綁定，所以如果你用在除了表單控件以外的標簽是沒有任何效果的。
4.Vue.js 計算屬性原始字符串: {{ message }}
計算后反轉(zhuǎn)字符串: {{ reversedMessage }}
我們可以使用 methods 來替代 computed，效果上兩個都是一樣的，但是 computed 是基于它的依賴緩存，只有相關依賴發(fā)生改變時才會重新取值。而使用 methods ，在重新渲染的時候，函數(shù)總會重新調(diào)用執(zhí)行。
詳細請參考
千米 : 米 :
詳細參考
6.v-on事件.stop .prevent .capture .self .once
每個 Vue 實例都實現(xiàn)了事件接口(Events interface)，即：
使用 $on(eventName) 監(jiān)聽事件
使用 $emit(eventName) 觸發(fā)事件
.lazy 在默認情況下， v-model 在 input 事件中同步輸入框的值與數(shù)據(jù)，但你可以添加一個修飾符 lazy ，從而轉(zhuǎn)變?yōu)樵?change 事件中同步： .number 如果想自動將用戶的輸入值轉(zhuǎn)為 Number 類型（如果原值的轉(zhuǎn)換結(jié)果為 NaN 則返回原值），可以添加一個修飾符 number 給 v-model 來處理輸入值： 這通常很有用，因為在 type="number" 時 HTML 中輸入的值也總是會返回字符串類型。 .trim 如果要自動過濾用戶輸入的首尾空格，可以添加 trim 修飾符到 v-model 上過濾輸入：
入門文檔
文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/93753.html
摘要：組件聲明組件分為全局的和局部的。父組件通過給子組件下發(fā)數(shù)據(jù)，子組件通過事件給父組件發(fā)送消息。以下實例中子組件已經(jīng)和它外部完全解耦了。 1.vue 組件-聲明 組件分為全局的和局部的。 全局聲明 Vue.component(tagName, options) ** 引用組件 // 注冊 Vue.comp...
摘要：組件聲明組件分為全局的和局部的。父組件通過給子組件下發(fā)數(shù)據(jù)，子組件通過事件給父組件發(fā)送消息。以下實例中子組件已經(jīng)和它外部完全解耦了。 1.vue 組件-聲明 組件分為全局的和局部的。 全局聲明 Vue.component(tagName, options) ** 引用組件 // 注冊 Vue.comp...
摘要：記得要通過配置參數(shù)注入路由，從而讓整個應用都有路由功能動態(tài)路由一個路徑參數(shù)使用冒號標記。當匹配到一個路由時，參數(shù)值會被設置到，可以在每個組件內(nèi)使用。 1.路由的作用 1.當我們有多個頁面的時候 ，我們需要使用路由，將組件(components)映射到路由(routes)，然后告訴 vue-router 在哪里渲染它們。 簡單的路由 const routes = [ { path: ...
閱讀 4092·2021-10-08 10:04
閱讀 3073·2021-08-11 11:20
閱讀 2745·2021-07-25 21:37
閱讀 2695·2019-08-30 12:44
閱讀 2321·2019-08-30 11:12
閱讀 1323·2019-08-26 13:45
閱讀 2373·2019-08-26 11:53
閱讀 3068·2019-08-26 11:32
