1、Vue 的核心功能是声明式渲染
2、响应式状态:能在改变时触发更新的状态被称作是响应式
- 声明式渲染:Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。
- 响应性:Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。
3、响应式api:
reactive()只适用于对象 (包括数组和内置类型,如 Map
和 Set
),
ref()` 则可以接受任何值类型
4、双花括号语法 {{}}
在双花括号中的内容并不只限于标识符或路径——我们可以使用任何有效的 JavaScript 表达式
<h1>{{ message.split('').reverse().join('') }}</h1>
5、html属性标签属性绑定 v-bind、缩写 :
<div v-bind:id="dynamicId"></div>
: 后面的为参数,不指定参数可以将所有的属性赋值给标签
6、事件监听器v-on,缩写@
<button v-on:click="increment">{{ count }}</button>
7、v-model数据双向绑定
<input v-model="text">
8、v-if
9、v-for