二、初识Vue
小于 1 分钟约 269 字
- 想让 Vue 工作,就必须创建一个 Vue 实例,且要传入一个 配置对象
- root 容器里的代码依然符合 html 规范,只不过混入了一些特殊的 Vue 语法:插值语法
{{ XXX }}
、指令语法 - root 容器里的代码被称为【Vue 模板】
- Vue 实例和容器是 一一对应 的
- 真实开发中只有一个 Vue 实例,并且会配合组件一起使用
{{xxx}}
中的 xxx 要写 JS 表达式 ,且 xxx 可以自动读取到 data 中的所有属性- 一旦 data 中的数据发生改变,那么模板(页面)中用到该数据的地方也会自动更新
注意区分:JS 表达式 和 JS 代码(语句)
- 表达式
一个表达式会产生一个值,可以放在任何一个需要值的地方
a
a+b
demo(1)
x === y ? 'a' : 'b'
- JS 语句
不生成值,但是控制代码的走向
if(){}
for(){}