vue框架的知识
基礎:實例----組件----指令----選項-----計算屬性----事件綁定----模板渲染-----內置動畫
---組件交互----路由。
vuejs干了什么事情:數據渲染/數據同步 組件化/模塊化開發 其他:路由,ajax,數據流。
Vue實例對象: 其實是構造函數!
new Vue({
el:"" , 掛載到哪里。。。
template:"<p>{{frut}}</p>",
data:{
frut:sssdffd
}
})
main.js入口文件 全局調用 全局注冊
根組件 向上:--header nav side footer.......依次向上添加組件 vm.$on的是實例的方法
(item in objlist) {{key+value}} 數組的話item in arrylist item.啥啥啥的
components:{組件:組件}es6 縮寫 直接同名寫一個就行了 組件v-for成為動態傳值最好的做法。
不是所有的數組方法可以觸發列表更新
直接改變長度不會渲染的解決方案。
vue.set(需要更改的數組,第幾項,{新的})
v-show css控制的顯示隱藏 v-if是不在dom結構 里面的了 都可以跟v-else
子組件 this.$emit(事件名,可以帶個參數過去)
v-model.lazy延遲更新數據/num指定為數字
export default{
data(){
return{
A:PPP
}
},
components:{需要注冊的組件名}, 寫在HTML用駝峰式 a-b的形式標簽。。
created:{初始化數據},
methods:{
方法/如事件調用的
},
computed:{
會被緩存計算屬性
},
watch:{ 監聽屬性變化
myVal:function(newVal,oldVal){}
}
}
<p :is="組件名"></p> 動態組件??梢郧袚Q不同組件的渲染
v-on 指令,它用于監聽 DOM 事件
每個綁定都只能包含單個表達式
Vue.js 允許你自定義過濾器 過濾器函數總接受表達式的值作為第一個參數。過濾器是 JavaScript 函數,因此可以接受參數
v-for="(value, key, index) in object
{{ index }}. {{ key }} : {{ value }}
轉載于:https://www.cnblogs.com/lhl66/p/7381831.html
總結
- 上一篇: Python开发基础--- 进程间通信、
- 下一篇: 20155204 2016-2017-2