Vue姿勢解鎖
vue的初次使用姿勢如下,引入vue.js,開闢一個html DOM,實例化vue.js。
(一)簡單渲染
el: #DOM的id
data:{鍵名:鍵值,鍵名:鍵值……}
鍵名就通過{{ 鍵名 }}渲染進DOM裡!
(二)bind綁定
通過v-bind:屬性來綁定,值既可以是數組(假如好多的css),也可以是字符串,數字……
相當於style="color: red"
(三)v-if綁定
看到顯示了嘛
空白一片。v-if對選擇性顯示很有幫助!!!如登陸前後的顯示。
(四)v-for
語法:v-for=“條目 in 數組”
(五)事件監聽
v-on:click=“方法”
通過methods裡的方法名:方法調用
(六)雙向綁定
很簡單,v-model=‘名’
發現了嘛?vue數據渲染裡,只有v-bind和v-on相似。
牢記這些案例,恭喜!vue渲染您已經掌握了。
交流
閱讀更多 冰雪緣 的文章