第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

Vue

掛載點(diǎn)： el屬性對(duì)應(yīng)的dom元素

模版：掛載點(diǎn)內(nèi)部的所有內(nèi)容，還可以把模版放在Vue實(shí)例中定義，作為template屬性值

實(shí)例：定義掛載點(diǎn)，把定義的數(shù)據(jù)與模版結(jié)合起來(lái)生成要展示的內(nèi)容，再把這個(gè)內(nèi)容放在掛載點(diǎn)中

進(jìn)入Vue的官方網(wǎng)站：http://cn.vuejs.org

進(jìn)入之后點(diǎn)擊 =》學(xué)習(xí)=》教程=》點(diǎn)擊左側(cè)安裝選項(xiàng)=》使用開發(fā)版本（直接使用<script>標(biāo)簽引入）=》點(diǎn)擊進(jìn)入復(fù)制源代碼=》在編輯器新建vue.js文件，把代碼粘貼進(jìn)來(lái)保存=》新建一個(gè)index.html文件=》把vue.js導(dǎo)入，在head里用<script src="/vue.js"></script>導(dǎo)入

全局組件：Vue.component

局部組件：var ...= { template }

????????????????在new Vue 里 要加多 components: {..}

Vue.component('todo-item',{
??props:['content'],
??template:'<li>{{content}}</li>'
})

props是個(gè)數(shù)組

v-for的使用

總結(jié)一下大概的邏輯過(guò)程：
（1）：父組件通過(guò)prop向子組件傳值 子組件獲得父組件傳來(lái)的內(nèi)容和索引。
（2）：子組件通過(guò)$emit向父組件拋出觸發(fā)事件名稱（delete）和觸發(fā)事件的list索引值。
（3）：父組件通過(guò)監(jiān)聽對(duì)應(yīng)事件名稱（@delete）觸發(fā)函數(shù)handleDelete。函數(shù)通過(guò)子組件拋出的索引值對(duì)應(yīng)刪除list

vue.js引入在html的head部分，防止頁(yè)面出現(xiàn)抖屏現(xiàn)象

安裝一個(gè)小時(shí)，終于成功了。。。

1. 安裝淘寶鏡像：npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 這樣就可以使用 cnpm 命令來(lái)安裝模塊了：cnpm install [name]，cnpm install vue-cli -g

3. 切換到我的項(xiàng)目目錄下cd G:/java_obj/vue，然后vue init webpack todolist，按視頻選擇y/n

4. 成功以后，cd todolist

5. 然后這里我一開始寫npm install就不往下走了，還以為是錯(cuò)誤了，就退了，然后搜了下用cnpm install,還是不動(dòng)，但過(guò)了一會(huì)竟然安裝好了， 應(yīng)該是因?yàn)樗俣嚷砸詾椴粍?dòng)了。

6. 最后cnmp run dev，終于搞定，我的天啊。。。
   

屬性綁定

v-bind：屬性=“”

用 ：代替v-bind

雙向數(shù)據(jù)綁定

v:model=""

v-on:可以簡(jiǎn)寫成@

v-html:被轉(zhuǎn)譯

v-text：不被轉(zhuǎn)譯

v-on:click=" 方法名"? 新的模板指令，只綁定事件；綁定的事件是click

方法定義在：實(shí)例中的methods:{}中

new? ?Vue({

methods: {?

}

方法名：function() {

alert(123)

}

})

vue中每一個(gè)組件都是一個(gè)vue的實(shí)例，可以添加data/template/metheds...

面向數(shù)據(jù)編程，MVVM，

單向數(shù)據(jù)綁定：v-bind：? ?簡(jiǎn)寫為':'

雙向數(shù)據(jù)綁定：v-model：