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渲染您已经掌握了。