淺談Jquery和常用框架Vue變化
阿新 • • 發佈：2018-06-25
v-on items method NPU his new jquer ID 常用
區別
- 數據與視圖的分離
- 數據驅動視圖
Vue 簡單示例:
<div id="example-1">
<input v-model="title" />
<button v-on:click="add">udto list</button>
<ul>
<li v-for="item in items">
{{ item.message }}
</li>
</ul>
</div>
var example1 = new Vue({
el: ‘#example-1‘,
data: {
title:‘‘,
items: [
{ message: ‘Foo‘ },
{ message: ‘Bar‘ }
]
},
methods:{
add:function(){
this.items.push({message: this.title})
this.title =‘‘
}
}
})
淺談Jquery和常用框架Vue變化