Vue属性绑定
属性绑定指的是Vue中属性绑定到变量，实现MVVM
Vue属性绑定语法
v-bind语法
<a v-bind:href='url'></a>
缩写方式
<a :href='url'></a>
原生JS操作属性的方法（DOM操作）
- getAttribute：获取html标签的属性
- setAttribute：设置html标签的属性
属性绑定的例子
<div id='app'> <!--原生html语法--> <a href='http://www.baidu.com'></a> <!--写法1：属性绑定到url插值--> <a v-bind:href='url'></a> <!--写法2：属性绑定到url插值--> <a :href='url'></a> <button @click='change'></button> </div> <!-- 先下载vue.js --> <script type='text/javascript' src='js/vue.js'></script> <script> //1. html中书写标签 //2. 引入vue.js //3. 使用vue进行数据渲染。 var vm = new Vue( { el: '#app', //绑定到id选择器 data: { "url": "http://www.baidu.com", },methods: { change: function(){ this.url = 'http://www.taobao.com' } } } ) </script>
传送门：2021最新测试资料&大厂职位
博主：测试生财（一个不为996而996的测开码农）
座右铭：专注测试开发与自动化运维，努力读书思考写作，为内卷的人生奠定财务自由。
内容范畴：技术提升，职场杂谈，事业发展，阅读写作，投资理财，健康人生。
csdn：https://blog.csdn.net/ccgshigao
博客园：https://www.cnblogs.com/qa-freeroad/
51cto：https://blog.51cto.com/14900374
微信公众号：测试生财（定期分享独家内容和资源）
