绑定元素属性

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在元素上我们也可以绑定一些属性,可以给元素添加一些指令,这些指令就是一些特别的属性,它们一般会用字母 v 作为前缀 ..

先用一组 div 包装一下这个 message ...

然后在它的上面,我们可以给它绑定一个 title 属性 ... v-bind:title ... 让它等于 title ... 意思就是,把应用里的 title 属性的值交给这个 div 元素的 title 属性 ..

在这个 Vue 实例的 data 里面,再添加一个 title ... 让它等于 hello ...

在元素里面,找到这个 div 标签 ...

然后把鼠标放到这个元素的上面,显示的就是这个元素上的 title 属性的值 .. 你会发现,在这个 div 元素的上面,应用了一个 title 属性 ... 它的值就是应用的 data 里面的 title 的值 ...

在控制器上可以动态的设置一下 title 的值 ... app.title = 'hola' ... 这个 div 元素上的 title 属性的值会立即做出反应 ... 变成我们新给它设置的这个值 ...

0:00
0:00
1:29
1:13
1:24
1:49

绑定元素属性《 Vue.js:预览 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点