Vue 基础说明文档

vue是一个MVVM框架,model/view/viewmodel

实例出的对象:

el:视图模型,页面节点

data:所使用的变量,或者初始值(里面通常放属性)

methods:dom渲染完执行,通常是放view中需要响应的函数

{{}}:解析数据:变量,函数,表达式

一:指令

1,v-html/v-text 执行值绑定,类似于js里面的innerHTML和innerText

2,v-model 数据模型,主要用在输入框里(双向绑定数据流)

3,v-if:条件为真时,可单独使用

v-else:需要结合v-if使用

v-else-if:需要结合v-if使用

v-show:条件为假时,将DOM设置成display:none

v-if:条件为假时,不加载DOM

4,v-for:

语法:v-for="形参 in 数组/对象"

形参:a:代表数组元素

(a,b):a是数组元素,b是数组下标

(a,b,c):a是对象的值,b是对象的键,c是对象索引

5,v-bind:绑定属性解析变量

语法:v-bind:属性名="变量/表达式/函数"

缩写: :属性名="变量/表达式/函数"

6,v-on:

语法:v-on:事件名="函数名(实参)",小括号不需要传参时可以省略

缩写: @事件名="函数名(实参)"

键盘事件:

@keydown/@keyup.键值

@keydown/@keyup.enter 回车

7,v-pre:

<div v-pre>{{aaa}}</div> 不解析,原样 输出{{aaa}}

8,v-once:

只渲染一次,不会再被更改