初识Vue

  1. 运用Vue,就要创建一个Vue对象,且要传入一个配置对象;
  2. Div/root容器里面也是符合html的代码,但是混入一些特殊的Vue的语法。
  3. Root里的代码被称为【Vue模板】
  4. 代码:

 

 

5.Vue实例和容器是一一对应的,真实的开发中,只有一个Vue实例,会配合组件一起使用。

错误实例:

 

正确实例: 

 

6.在root容器{{xxx}}里不止可以填入data里的数据,也可以填入js表达式。

  1. 【注意区分】js表达式和js代码:

a.Js表达式:一个表达式会生成一个值,可以放在任何一个需要值的地方:

  1. ).a
  2. )a+b
  3. )demo(1)
  4. )x === y ? ‘a’: ‘ b‘

 b.js代码:

  1. )if(){}
  2. )For(){}

 7.【为什么要使用Vue】

Vue 可以动态的改变数据

修改data内容,页面中用到的数据也会自动更新。