Vue 1 v指令 元件化 例項屬性 例項方法

vue 底層自己操作dom，不需要程式設計師再管，忽略dom操作，和資料繫結

vue 單頁面，嚴禁重新整理

el == element 元素【支援 id 和 class…】

說明demo1

el:'#div1',

data:

});

指 #div1 控制範圍內所有 mes1 都為 hello vue，所有 mes1_1 都為 你好，世界

vue.js開發時，通常頁面上只建立乙個vue例項；不過可以多個vue例項

【可以：div1 和 div2 巢狀乙個外層div，vue例項只繫結外層的div】

}

} }
el:'#div1',
data:
});el:'.div2',
data:
}) 

v-if ： 當為false時，dom 記憶體都沒有

}

el:'#div1',
data:
});

ul 迴圈三次，每個ul只有乙個li，li內容為tags的對應的內容：

el:'#div1',

data:,,]
}});

v-on

新增元素

反轉訊息
el:'#div1',
data:,,]
},methods:)
},reverse_mes1:function () 
}});

el:'#div1',

data:
});

1this is：}

v-bind :

測試

}

# 不顯示

$data 和 $el

el:'#div1',

data:,,]

}});

$ref : 獲取ref=』…'的dom元素，對寫死的屬性進行改變

}

}改變 
el:'#div1',
data:,
methods:
}}); 

}

}改變 
el:'#div1',
data:,
methods:
}});
// 比較新值和舊值，當值變化時，進行函式
alert(newval)
})

alert(newval);

unwatch()

}) vm.$set(target,propertyname/index,value)

vm.$delete(target,propertyname/index)

vue呼叫元件的屬性 Vue 元件例項屬性的使用

前言 因為最近面試了 二 三十個人，發現大部分都還是只是停留在 vue 文件的教程。有部分連教程這部分的文件也沒看全。所以稍微寫一點，讓新上手的 vuer 多了解 vue 文件的其他更需要關注的點。因為 vue 文件已經是個很成熟的文件，並且實現的 demo 簡潔明瞭，我就不具體寫實現 了，文內只會...

Vue 元件例項屬性的使用

因為最近面試了 二 三十個人，發現大部分都還是只是停留在 vue 文件的教程。有部分連教程這部分的文件也沒看全。所以稍微寫一點，讓新上手的 vuer 多了解 vue 文件的其他更需要關注的點。因為 vue 文件已經是個很成熟的文件，並且實現的 demo 簡潔明瞭，我就不具體寫實現 了，文內只會貼需要...

Vue 元件例項屬性的使用

因為最近面試了 二 三十個人，發現大部分都還是只是停留在 vue 文件的教程。有部分連教程這部分的文件也沒看全。所以稍微寫一點，讓新上手的 vuer 多了解 vue 文件的其他更需要關注的點。因為 vue 文件已經是個很成熟的文件，並且實現的 demo 簡潔明瞭，我就不具體寫實現 了，文內只會貼需要...