打着巩固 css 知识的旗号开始了对 vue 样式绑定的研究，相比前一篇的 demo，本次内容多了各种样式在里面，变得稍微花哨了些，话不多说，直接上代码吧： ...

样式有两种：class、style class 　　1、对象语法 　　　　①传给 :class 一个对象 　　　　比如： 　　　　在这里，isActive的真值决定active这个样式是否显示 　　　　②传给 :class 一个对象变量 　　　　再比如，可以直接 ...

前言 　　操作元素的 class 样式列表和 style 内联样式为数据绑定是前端开发中一个常见的需求，这些样式都属于元素的属性 attribute ，因此我们可以通过 v-bind 来动态绑定元素的样式属性。本文来总结一下这两个属性相关的知识点，便于日后的复习学习。 正文 ...

欢迎私信 第一章:过滤器 过滤器是对数据进行处理并返回结果的函数。 1.语法 语法是使用管道符“|”进行连接。过滤器可以接收参数，跟在过滤器后面，带引号的参数被当做字符串处理，不带引号的参数被当做数据属性名处理。 vue.js支持在任何出现表达式的地方添加 ...

一、VUE简介 VUE是一套前端框架，尤雨溪，前谷歌的软件工程师。 框架：提供一整套解羞方法(显示，效果，请求访问) 库：只提供针对某一种情况的解决方案 Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue ...

第一种方式，直接传递一个数组，注意使用v-bind绑定 <h1 :class="['red','size'">这是一个h1文本</h1> 在代码里使用三元表达式 <h1 ...

Vue基础篇--7表单输入绑定input 1.基础语法 你可以用 v-model 指令在表单 、 及 `` 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行 ...

<!-- 传统写法 --> <h1 class="red thin">这是一个h1标签</h1> < ...