Update class-and-style.md

Author: 70data

src/guide/class-and-style.md

@@ -4,23 +4,22 @@ type: guide
 order: 6
 ---
 
-数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute，我们可以用` v-bind` 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 `v-bind `用于` class `和 `style `时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。
-
+数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute ，我们可以用` v-bind` 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 `v-bind ` 用于 ` class ` 和 `style ` 时， Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。
 
 ## 绑定 HTML Class
 
 ### 对象语法
 
-我们可以传给 `v-bind:class` 一个对象，以动态地切换 class。
+我们可以传给 `v-bind:class` 一个对象，以动态地切换 class 。
 
 ``` html
 <div v-bind:class="{ active: isActive }"></div>
 ```
-上面的语法表示class`active`的更新将取决于数据属性`isActive`是否为[truthiness](https://developer.mozilla.org/en-US/docs/Glossary/Truthy) 。
+上面的语法表示 class`active` 的更新将取决于数据属性 `isActive` 是否为 [truthiness](https://developer.mozilla.org/en-US/docs/Glossary/Truthy) 。
 
-我们可以传给 v-bind:class 一个对象，以动态地切换 class。注意 v-bind:class 指令可以与普通的 class 特性共存
+我们可以传给 v-bind:class 一个对象，以动态地切换 class 。注意 v-bind:class 指令可以与普通的 class 特性共存
 
-我们也可以在对象中传入多个属性用来动态切换多个class.注意 `v-bind:class` 指令可以与普通的 class 特性共存.如下模板:
+我们也可以在对象中传入多个属性用来动态切换多个 class 。注意 `v-bind:class` 指令可以与普通的 class 特性共存。如下模板:
 
 ``` html
 <div class="static"
@@ -43,7 +42,7 @@ data: {
 <div class="static active"></div>
 ```
 
-当 `isActive` 或者 `hasError` 变化时, class列表将相应地更新。例如，如果 `hasError` 的值为 `true`, class列表将变为 `"static active text-danger"`.
+当 `isActive` 或者 `hasError` 变化时，class列表将相应地更新。例如，如果 `hasError` 的值为 `true` ， class列表将变为 `"static active text-danger"`。
 
 你也可以直接绑定数据里的一个对象：
 
@@ -81,7 +80,7 @@ computed: {
 
 ### 数组语法
 
-我们可以把一个数组传给  `v-bind:class`，以应用一个 class 列表：
+我们可以把一个数组传给  `v-bind:class` ，以应用一个 class 列表：
 
 ``` html
 <div v-bind:class="[activeClass, errorClass]">
@@ -99,12 +98,12 @@ data: {
 <div class="active text-danger"></div>
 ```
 
-如果你也想根据条件切换列表中的 class，可以用三元表达式：
+如果你也想根据条件切换列表中的 class ，可以用三元表达式：
 
 ``` html
 <div v-bind:class="[isActive ? activeClass : '', errorClass]">
 ```
-此例始终添加 `errorClass`，但是只有在 `isActive` 是 true 时添加`activeClass` 。
+此例始终添加 `errorClass` ，但是只有在 `isActive` 是 true 时添加 `activeClass` 。
 
 不过，当有多个条件 class 时这样写有些繁琐。可以在数组语法中使用对象语法：
 
@@ -116,7 +115,7 @@ data: {
 
 ### 对象语法
 
-`v-bind:style`  的对象语法十分直观——看着非常像 CSS，其实它是一个 JavaScript 对象。CSS 属性名可以用驼峰式（camelCase）或短横分隔命名（kebab-case）：
+`v-bind:style` 的对象语法十分直观——看着非常像 CSS ，其实它是一个 JavaScript 对象。 CSS 属性名可以用驼峰式（camelCase）或短横分隔命名（kebab-case）：
 
 
 ``` html
@@ -155,7 +154,7 @@ data: {
 
 ### 自动添加前缀
 
-当`v-bind:style`使用需要厂商前缀的 CSS 属性时，如 `transform`，Vue.js 会自动侦测并添加相应的前缀。
+当 `v-bind:style` 使用需要特定前缀的 CSS 属性时，如 `transform` ，Vue.js 会自动侦测并添加相应的前缀。
 
 ***