国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

手把手教你學Vue-1(vue指令)

LucasTwilight / 1691人閱讀

摘要：方法用來新增對象的屬性模版指令不是字符串模版渲染，所以需要用來渲染菜鳥教程屬性中的值應使用指令縮寫方式。

最近因為要重構APP項目，在對比了react和Vue，加上前期已經有了react開發的經驗，還是想嘗試一下VUE，更小更便捷的開發方式。

1.vue 初始化安裝官網提供的NPM方法 
 $ npm install vue
 # 全局安裝 vue-cli
 $ npm install --global vue-cli
 # 創建一個基于 webpack 模板的新項目
 $ vue init webpack my-project
 # 安裝依賴，走你
 $ cd my-project
 $ npm run dev
2.初入Vue-demo 

   
site : {{site}}

   
url : {{url}}

   
{{details()}}
3.Vue-js 指令

數據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 循環迭代 for-in

v-model用在表單控件上的，用于實現雙向數據綁定，所以如果你用在除了表單控件以外的標簽是沒有任何效果的。

4.Vue.js 計算屬性 

 
原始字符串: {{ message }}

 
計算后反轉字符串: {{ reversedMessage }}

我們可以使用 methods 來替代 computed，效果上兩個都是一樣的，但是 computed 是基于它的依賴緩存，只有相關依賴發生改變時才會重新取值。而使用 methods ，在重新渲染的時候，函數總會重新調用執行。
詳細請參考

5.Vue.js 監聽屬性 

    千米 : 
    米 :

詳細參考

6.v-on事件 
.stop
.prevent
.capture
.self
.once












...



...
7 .自定義事件 我們可以使用 v-on 綁定自定義事件,

每個 Vue 實例都實現了事件接口(Events interface)，即：
使用 $on(eventName) 監聽事件
使用 $emit(eventName) 觸發事件

8. v-model 雙向綁定修飾符 
.lazy
在默認情況下， v-model 在 input 事件中同步輸入框的值與數據，但你可以添加一個修飾符 lazy ，從而轉變為在 change 事件中同步：



.number
如果想自動將用戶的輸入值轉為 Number 類型（如果原值的轉換結果為 NaN 則返回原值），可以添加一個修飾符 number 給 v-model 來處理輸入值：


這通常很有用，因為在 type="number" 時 HTML 中輸入的值也總是會返回字符串類型。

.trim
如果要自動過濾用戶輸入的首尾空格，可以添加 trim 修飾符到 v-model 上過濾輸入：

入門文檔

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93753.html

相關文章

  • 手把手教你學Vue-2(組件開發)

    摘要：組件聲明組件分為全局的和局部的。父組件通過給子組件下發數據，子組件通過事件給父組件發送消息。以下實例中子組件已經和它外部完全解耦了。 1.vue 組件-聲明 組件分為全局的和局部的。 全局聲明 Vue.component(tagName, options) ** 引用組件 // 注冊 Vue.comp...

    lansheng228 評論0 收藏0

  • 手把手教你學Vue-2(組件開發)

    摘要：組件聲明組件分為全局的和局部的。父組件通過給子組件下發數據，子組件通過事件給父組件發送消息。以下實例中子組件已經和它外部完全解耦了。 1.vue 組件-聲明 組件分為全局的和局部的。 全局聲明 Vue.component(tagName, options) ** 引用組件 // 注冊 Vue.comp...

    Null 評論0 收藏0

  • 手把手教你學Vue-3(路由)

    摘要：記得要通過配置參數注入路由，從而讓整個應用都有路由功能動態路由一個路徑參數使用冒號標記。當匹配到一個路由時，參數值會被設置到，可以在每個組件內使用。 1.路由的作用 1.當我們有多個頁面的時候 ，我們需要使用路由，將組件(components)映射到路由(routes)，然后告訴 vue-router 在哪里渲染它們。 簡單的路由 const routes = [ { path: ...

    SolomonXie 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<