Vue学习之v-bind使用实例

时间:2024-10-15 08:14:08

1、打开WebStorm开发工具,新建‘test.html’,将vues.js放入同个文件夹,代码中引入vue.js。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="vue.js"></script></head><body></body></html>

Vue学习之v-bind使用实例

3、打开页面,当鼠标移动到h3标签时,会显示出title

Vue学习之v-bind使用实例

5、上面代码,点击a标签会跳转到

Vue学习之v-bind使用实例

7、再次打开,点击按钮就可以切换颜色了

Vue学习之v-bind使用实例
© 2025 一点资料
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com