基礎(chǔ)：實(shí)例----組件----指令----選項(xiàng)-----計(jì)算屬性----事件綁定----模板渲染-----內(nèi)置動(dòng)畫

---組件交互----路由。

vuejs干了什么事情：數(shù)據(jù)渲染/數(shù)據(jù)同步 組件化/模塊化開發(fā) 其他：路由，ajax，數(shù)據(jù)流。

Vue實(shí)例對(duì)象： 其實(shí)是構(gòu)造函數(shù)！
new Vue（{
　　el:"" , 掛載到哪里。。。
　　template："<p>{{frut}}</p>",
　　data:{
　　　　frut:sssdffd
　　}

}）

main.js入口文件 全局調(diào)用 全局注冊(cè)

根組件 向上:--header nav side footer.......依次向上添加組件 vm.$on的是實(shí)例的方法

（item in objlist） {{key+value}} 數(shù)組的話item in arrylist item.啥啥啥的

components：{組件：組件}es6 縮寫 直接同名寫一個(gè)就行了 組件v-for成為動(dòng)態(tài)傳值最好的做法。

不是所有的數(shù)組方法可以觸發(fā)列表更新

直接改變長度不會(huì)渲染的解決方案。
vue.set（需要更改的數(shù)組，第幾項(xiàng)，{新的}）
v-show css控制的顯示隱藏 v-if是不在dom結(jié)構(gòu) 里面的了 都可以跟v-else

子組件 this.$emit(事件名，可以帶個(gè)參數(shù)過去)

v-model.lazy延遲更新數(shù)據(jù)/num指定為數(shù)字

export default{
　　data（）{
　　　　return{
　　　　　　A:PPP
　　　　}
　　}，
　　components：{需要注冊(cè)的組件名}， 寫在HTML用駝峰式 a-b的形式標(biāo)簽。。
　　created：{初始化數(shù)據(jù)}，
　　methods：{
　　　　方法/如事件調(diào)用的
　　}，
　　computed：{

　　　　　　　　會(huì)被緩存計(jì)算屬性
　　}，
　　watch：{ 監(jiān)聽屬性變化
　　　　myVal：function（newVal，oldVal）{}
　　}
}
<p :is="組件名"></p> 動(dòng)態(tài)組件。可以切換不同組件的渲染

v-on 指令，它用于監(jiān)聽 DOM 事件

每個(gè)綁定都只能包含單個(gè)表達(dá)式

Vue.js 允許你自定義過濾器 過濾器函數(shù)總接受表達(dá)式的值作為第一個(gè)參數(shù)。過濾器是 JavaScript 函數(shù)，因此可以接受參數(shù)

v-for="(value, key, index) in object
{{ index }}. {{ key }} : {{ value }}

轉(zhuǎn)載于:https://www.cnblogs.com/lhl66/p/7381831.html

總結(jié)

以上是生活随笔為你收集整理的vue框架的知识的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。