Vue-详解+案例

代码如下（第一个vue应用）：

{{ message }}

{{age ++ }}

{{message}}

Vue 应用会将其挂载到一个 DOM 元素上 (对于这个例子是 #app) 然后对其进行完全控制。那个 HTML 是我们的入口，但其余都会发生在新创建的 Vue 实例内部。

2.读取data数据对象

---

{{message}}

{{schoole.name}} {{schoole.mobile}}

• {{ campus[0] }}
• {{ campus[1] }}
• {{ campus[2] }}

• 

  data:数据对象 vue中用到的数据定义在data中 ，data中可以写复杂类型的数据 渲染复杂类型的数据时，遵守js的语法即可 对象的obj.name 数组的[0]

  ---

  ３.v-if条件

  ---

  例如，v-if 指令可以绑定data的数据来显示：

  ｈａｈａ

  hello　world

  v-if
  v-show

  

  ---

  ４.小案例＿”切换壁纸“

  ---

  

  ---

  三、计算属性

  ===================================================================

  编号 标题 发表时间 {{item.id}} {{item.title}} {{item.create_time}}

  data 中和 compoted 中都叫做属性，也就是说 numbers 和 reversednumbers 都叫做属性

  1、data 中的属性的值是一个数字、字符串、对象、数组等静态值

  2、compited 中的属性叫做计算属性，其值是一个匿名函数

  3、匿名函数一定要返回一个值，作为这个属性的值

  

  ---

  四、侦听器

  ==================================================================

  虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的

  vue 中的计算属性是不支持异步操作的，只能计算一些同步的值，但是可以使用 vue-async-computed 插件实现这一点

  那为什么不直接使用侦听器呢？

  
  

  {{message}}