Vue基础语法指南

Vue基础语法指南

• • • 1.Mustache
    • 2.v-once
    • 3.v-html
    • 4.v-pre
    • 5.v-bind(:)
    • 6.动态绑定class
    • 7.v-on（@）
    • 8.v-if，v-else，v-else-if
    • 9.v-for
    • 10.v-for的key
    • 11.VNode最大好处可以适配不同平台
    • 12.虚拟dom
    • 13.计算属性
    • 14.watch侦听器
    • 15.v-model
  • 16.component组件注册

1.Mustache

2.v-once

3.v-html

4.v-pre

5.v-bind(😃

6.动态绑定class

绑定对象

绑定数组

绑定样式

绑定属性

7.v-on（@）

8.v-if，v-else，v-else-if

v-show

9.v-for

索引值

数组更新检测

10.v-for的key

如果没有key

有key

11.VNode最大好处可以适配不同平台

模板会先被vue解析成vnode，再转为真实dom

12.虚拟dom

13.计算属性

computer与methods实现基本一样，但computer有缓存，避免多次运算

14.watch侦听器

v-model本身就能与数据绑定，watch是再数据改变后再进行一些逻辑处理，
watch只能侦听整个数据对象的的改变，数据对象内部改变无法监听

四（1.48.55）
深度侦听
可以侦听到数据对象内部数据的改变

侦听器watch的其他用法

15.v-model

原理

v-model.lazy 修饰符

v-model.number转为数字
v-model.trim 过滤空格

16.component组件注册

局部组件