【Vue学习笔记1】基础概览

5 阅读1分钟

1、Vue 的核心功能是声明式渲染

2、响应式状态:能在改变时触发更新的状态被称作是响应式

  • 声明式渲染:Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。
  • 响应性:Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。

3、响应式api:

reactive()只适用于对象 (包括数组和内置类型,如 MapSet),

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