vue基础指令

数据渲染

对比 {{}} , v-text, v-html的区别

具体代码

页面效果

代码解析：

借问妹纸何处有？
 


借问妹纸何处有？


 {{ message }}借问妹纸何处有？
 

属性绑定

v-bind 用于对html标签的属性进行值绑定，可缩写为 :

具体代码

页面效果

代码解析：

绑定事件

v-on绑定js中的事件，缩写形式为@

具体代码

v-on效果

如想了解更多的vue实例，请查阅我的vue笔记目录