系统学vue知识点总结

42 阅读1分钟

初识Vue

  • 先准备一个容器来显示vue的内容;
  • 容器里面的代码被称为vue模板;
  • 关键的,想让vue工作,就得创建一个vue实例,并传入配置对象。 image.png
  • 如果有一个vue实例有两个容器,只会在第一个容器里面显示,不用第二个;
  • 如果一个实例,对应两个容器,只能有一个实例来接管,第二个不起作用;
  • 所以一个容器只能对应一个容器;

image.png

vue模板语法

  • 第一:直接在标签体里面,双花括号插值{{}},里面是js表达式;
  • 第二:指令表达式,用v-bind:,就可以解析后面的内容为js表达式,否则只是普通的字符串;

image.png

单向绑定和双向绑定

image.png

image.png