計算屬性的重點突出在屬性兩個字上（屬性是名詞），首先它是個屬性其次這個屬性有計算的能力（計算是動詞）
這裡的計算就是個函式；簡單點說，它就是乙個能夠將計算結果快取起來的屬性（將行為轉化成了靜態的屬性），僅此而已；可以想象為快取！
12389101112
呼叫當前時間的方法：}
13當前時間的計算屬性：}
1415
1635
36
注意：methods 和 computed 裡的東西不能重名
說明：
結論：
呼叫方法時，每次都需要進行計算，既然有計算過程則必定產生系統開銷，那如果這個結果是不經常變化的呢？此時就可以考慮將這個結果快取起來，採用計算屬性可以很方便的做到這一點,計算屬性的主要特性就是為了將不經常變化的計算結果進行快取，以節約我們的系統開銷;
在vue.js中我們使用元素作為承載分發內容的出口，作者稱其為 插槽，可以應用在組合元件的場景中;
比如準備製作乙個待辦事項元件（todo），該元件由待辦標題（todo-title）和待辦內容（todo-items）組成，但這三個元件又是相互獨立的，該如何操作呢？
1.將上面的**留出乙個插槽,即slot
vue.component('todo', );
vue.component('todo-title', }
'});
//這裡的index,就是陣列的下標,使用for迴圈遍歷的時候,可以迴圈出來!
vue.component('todo-items', }. }'});
var vm = newvue(
});
for="(item, index) in todoitems" v-bind:item="item" v-bind:index="index" :key="index">
說明:我們的 todo-title 和 todo-items 元件分別被分發到了 todo 元件的 todo-title 和 todo-items 插槽中
二、自定義事件
通過以上**不難發現，資料項在 vue 的例項中，但刪除操作要在元件中完成，那麼元件如何才能刪除 vue 例項中的資料呢？此時就涉及到引數傳遞與事件分發了，vue 為我們提供了自定義事件的功能很好的幫助我們解決了這個問題；使用 this.$emit(『自定義事件名』, 引數)，操作過程如下:
1、在vue的例項中,增加了 methods 物件並定義了乙個名為 removetodoitems 的方法
var vm = new
vue(,
methods:
}});
2、修改 todo-items 待辦內容元件的**,增加乙個刪除按鈕,並且繫結事件!
vue.component('todo-items', }. } 刪除
', methods:
}});
3、修改 todo-items 待辦內容元件的 html **,增加乙個自定義事件,比如叫 remove,可以和元件的方法繫結,然後繫結到vue的方法中!
items
slot="todo-items" v-for="(item, index) in todoitems"v-bind:item="item" v-bind:index="index" :key="index"v-on:remove="removetodoitems(index)">
items
slot="todo-items" v-for="(item, index) in todoitems"v-bind:item="item" v-bind:index="index" :key="index"v-on:remove="removetodoitems(index)">
核心 : 資料驅動 , 元件化
優點 : 借鑑了 angulajs 的模組化開發 和 react 的虛擬dom , 虛擬dom就是把dom操作放到記憶體中執行;
常用的屬性:
元件化:
遵循soc 關注度分離原則,vue是純粹的檢視框架,並不包含,比如ajax之類的通訊功能,為了解決通訊問題,我們需要使用axios 框架做非同步通訊;
說明vue的開發都是要基於nodejs, 實際開發採用 vue-cli腳手架開發,vue-router 路由,vuex做狀態管理; vue ui,介面我們一般使用 elementui(餓了麼出品),或者ice(阿里巴巴出品!)來快速搭建前端專案~
官網:
jQuery 新增自定義事件以及觸發自定義事件
一 新增自定義事件 通過jquery的bind 或者on 方法 新增自定義事件 如下 自定義了乙個mychange事件 postionid on mychange function 二 觸發自定義事件 通過jquery的trigger 方法 觸發自定義事件mychange postionid tri...
HTML5自定義屬性
你可以去讀一下html5的詳細規範，但這個自定義data屬性的用法非常的簡單，就是你可以往html標籤上新增任意以 data 開頭的屬性，這些屬性頁面上是不顯示的，它不會影響到你的頁面布局和風格，但它卻是可讀可寫的。下面的乙個 片段是乙個有效的html5標記 some awesome data 可是...
HTML5自定義屬性
自定義屬性的出現並非始於html5，但html5將 data 真正合法化。data自定義屬性如何操作？有何用途？首先給定一段html this is a div elem this is a div elem,too 注意 1.自定義屬性用來儲存或運算元據，可讀可寫，但不會在頁面顯示 2.屬性值可以...