vue中的样式绑定在网页中的应用比较广泛，添加css样式和删除css样式，用jq实现起来并不难，这次我们通过一个例子来攻克vue中的css样式绑定知识点。
效果：
在页面上有一个文字“hello",点击hello的时候，文字颜色变成红色，再点击，文字颜色又变成黑色。那么颜色的变化，我们需要通过css样式来控制。
方法1：
Hello World
解释下这个写法:class='{actived:isActived}'，如果isActived是false，则class='',如果isActived是true,则class='actived'。
立即学习“前端免费学习笔记（深入）”；
所以我们在data中定义了默认值false，当点击的时候会触发方法handleClick，使this.isActived等于取反的值。
方法2：
Hello World
这种方法我们是给了一个数组，数组中传递一个默认的空值isActived，当鼠标点击的时候，就会触发handleClick方法，在这里我们通过三元运算符来获取this.isActived的值。
本文档主要讲述的是Android服务Service_详解；服务（Service）是Android系统中4个应用程序组件之一（其他的组件详见3.2节的内容）。服务主要用于两个目的：后台运行和跨进程访问。通过启动一个服务，可以在不显示界面的前提下在后台运行指定的任务，这样可以不影响用户做其他事情。通过AIDL服务可以实现不同进程之间的通信，这也是服务的重要用途之一。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看
和三元运算符同样效果的就是用if判断：
if(this.isActived==''){
this.isActived='actived';
}else{
this.isActived='';
}方法3：
在上面我们是直接用class来实现效果，那么html中style样式如何实现呢？代码并不难，我们可以仿照第二个来试试效果：
Hello World
我们默认给出一个黑色的字体颜色black，点页面文字被点击后，触发函数handleClick，这个时候我们仍然用三元运算符判断获取到this.styleObj.color的值来实现效果。
相关推荐：《javascript高级教程》
以上就是Vue中的样式绑定的讲解，同一个效果有很多种实现方法，条条大路通罗马，小伙伴get起来吧！
