VUE.js样式绑定

夏季
2019.06.28

随着互联网的迅猛发展和普及，一个新型的行业和新兴的职位正在上升到技术的层面：web前端开发工程师。Web前端开发工程师，除了主要职责外，还要为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性。
那今天我们就来介绍web前端中的小知识Vue.js样式绑定。

Vue.js 是一个
用于创建 Web 交互界面的库。
它让你通过简单而灵活的
API 创建由数据
驱动的 UI 组件。
01
绑定属性
有时候，html标签的属性也很重要，比如：标签的href属性，标签的src属性等。Vue中如何将data中的数据绑定为这些属性的值呢？
02
v-bind 指令简写
vue为了我们的代码更简洁易看，提供了v-bind指令的简写，仅是一个冒号就可以代替。
03
数组语法
class绑定的值就是一个数组了，数组有两个元素[ activeClass , errorClass ]，它们对应的值是vm实例的数据data
04
Vue.js style(内联样式)
我们绑定的就不是class了，是style属性。它的值是一个对象：{ color:colorStyle }
[iframe]https://mp.weixin.qq.com/mp/readtemplate?t=pages/video_player_tmpl&action=mpvideo&auto=0&vid=wxv_867510755376168960[/iframe]

长按识别二维码，
即可关注我们～