Vue.js 学习日志——第一个Vue实例（一）

---

实例

  
  
  


  

    
title : {{title}}
    
url : {{url}}
    
{{info()}}
  
  

1、每个Vue应用都需要实例化Vue来实现

var vm = new Vue({
    //*******
})

2、el参数

在上面实例中的id为vue_data，在div元素中：

意味着所有的改动均在这个id为vau_data的div中，外部不受影响。

3、定义数据对象

data用于定义属性，在上述实例中有2个属性，分别为：title、url。

methods用于定义函数，可以通过return来返回函数值。

{{ }}用于输出对象属性和函数返回值。

---

当一个Vue实例创建时，Vue的响应系统加入了data对象中能找到的所有属性。当这些属性的值发生改变时，html视图也会产生相应的变化。

  
  
  


  

    
title : {{title}}
    
url : {{url}}
  
  

---

Vue还提供了实例属性与方法，以前缀$与用户定义的属性区分开来。

document.write(vm.$data === data) // true