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

數(shù)據(jù)掛載點(diǎn)的選擇

v-if 會(huì)清除dom? v-show隱藏但保留DOM

v-for 用:key提高性能？

computed 計(jì)算屬性

watch 偵聽器

v-html 會(huì)被轉(zhuǎn)義 ? v-text? 不會(huì)；{{}} 插值表達(dá)式，vue不面向DOM編程，面向數(shù)據(jù)。

<div?id="root">
????<div>
????????<input?v-model?="inputVulue"/>
????????<button?@click="handleSubmit">提交</button>
????</div>
????<ul>
????????<todo-item
????????????????v-for="(item,index)?of?list"
????????????????:key="index"
????????????????:content?='item'
????????>
????????</todo-item>
????</ul>
</div>
<script>
????//全局組件??小組件接收從外部傳進(jìn)來(lái)的數(shù)據(jù)，用props:[]接收
????Vue.component('todo-item',{
????????props:['content'],
????????template:'<li>{{content}}</li>'
????});
????/*//局部組件
????var?TodoItem?={
????????template:'<li>item</li>'
????};*/
????new?Vue({
????????el:?"#root",
????????/*components:{
????????????'todo-item':TodoItem
????????},*/
????????data:?{
????????????inputVulue:?'',
????????????list:?[]
????????},
????????methods:?{
????????????handleSubmit:?function?()?{
????????????????if(this.inputVulue){
????????????????????this.list.push(this.inputVulue);
????????????????????this.inputVulue?=?'';
????????????????}
????????????}
????????}
????})
</script>

<div?id="root">
????<div>
????????<input?v-model?="inputVulue"/>
????????<button?@click="handleSubmit">提交</button>
????</div>
????<ul>
????????<li?v-for="(item,index)?of?list"?:key="index">{{item}}</li>
????</ul>
</div>
<script>
????new?Vue({
????????el:?"#root",
????????data:?{
????????????inputVulue:?'hello',
????????????list:?[]
????????},
????????methods:?{
????????????handleSubmit:?function?()?{
????????????????if(this.inputVulue){
????????????????????this.list.push(this.inputVulue);
????????????????????this.inputVulue?=?'';
????????????????}
????????????}
????????}
????})
</script>

v-on @

v-bind? ：

v-modal

computed? ?計(jì)算屬性? 如果計(jì)算的屬性都沒改變，值會(huì)使用上次計(jì)算屬性的緩存結(jié)果，不會(huì)重新計(jì)算，性能較高。

watch? ?偵聽屬性?? 偵聽器? 某一個(gè)屬性發(fā)生變化，或者計(jì)算屬性發(fā)生變化

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

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

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

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

new? ?Vue({

methods: {

組件(component)也是vue一個(gè)實(shí)例反過來(lái)每個(gè)Vue實(shí)例也是一個(gè)組件(component)

556666

v-on @

v-bind? ：

v-modal

computed? ?計(jì)算屬性

watch? ?偵聽屬性

computed 計(jì)算屬性

computed:{

????fullname: function(){

????????return this.firstname ?+ ?this.lastname

????}

}