首页 > 其他 > 详细

理解和使用指令

时间:2018-12-29 17:07:40      阅读:149      评论:0      收藏:0      [点我收藏+]
指令:基本上就是你放在代码中的一些指示。

v-bind:指示vue,将一些东西和我的数据绑定,数据当然也包含所有函数,它们都存储于下面的vue实例中。我们用的双大括号(来调用函数),在大括号不适用时,就需要使用指令。

v-bind需要一些参数,一般用冒号后加上参数的方式来传递,这样参数就会绑定到某个HTML属性上。
<a v-bind:href="link">google</a>
这里就是这个链接的href属性,引号里面就是你想要从vue实例中绑定的东西,属性或者函数这些,在这里是link属性
即在vue实例中:

new vue({
            el:app,
            data:{
                        title:‘hello world’,
                        link:‘http://google.com‘
            });

理解和使用指令

原文:http://blog.51cto.com/13577938/2336940

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!