首页 > 其他 > 详细

Vue 初学

时间:2019-10-23 20:42:07      阅读:72      评论:0      收藏:0      [点我收藏+]

1. v-mode 双向绑定

技术分享图片

 

 

                执行效果:

技术分享图片

               技术分享图片

只要v-mode 属性绑定的参数带有users.就可以将事件绑定

 2. select 标签 (1)

技术分享图片

 

 

 技术分享图片

 

 

 页面效果

技术分享图片

 

 

 select 标签(2)

技术分享图片

 

 

 将multiple 去掉

执行效果:技术分享图片

 

 

 3. computed 的使用:

技术分享图片

               技术分享图片

 

 

        执行结果:

 技术分享图片

 

 

 4. v-bind 绑定可以改变事件原有属性

方式1:

先定义一个css样式:

技术分享图片

 

 

               技术分享图片

 

 

 技术分享图片

 

 

 执行效果:

技术分享图片

 

 注意: v-bind 可以有简写 

原:<div v-bind:class="myClass"></div>
简写:<div :class="myClass"></div>

方式二:
           <div :class="{one:a1,two:a2}"></div>

              技术分享图片

 

 









 

Vue 初学

原文:https://www.cnblogs.com/zhulina-917/p/11728582.html

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