VUE基础笔记

VUE基础笔记

1.定义

Vue是一款用于构建用户界面的JavaScript框架。基于HTML、CSS、JavaScript，并提供了一套声明式、组件化的编程模式。

2.特点

声明式：声明式渲染，Vue基于标准HTML扩展了一套模板语法，使得我们可以声明式的描述最终输出的HTML和JavaScript状态间的关系。

• 响应性；
  -自动追踪JS状态，并在发生改变时，自动更新DOM。

• 组件化；
  -单文件组件(Simple file component)SFC，将HTML,CSS,JS封装在同一个文件中，编译后可以当做模块使用。

3.创建应用

• createApp
  -每个Vue应用都是通过createApp函数创建一个新的应用实例。
  -参数：根组件
• component（根组件）
  -应用是由一颗嵌套的、可重用的组件树组成的。

4.挂载应用（在什么地方渲染出来）

• mount，应用通过调用mount方法，挂载在“容器”上渲染出来。
  -参数：接收一个容器，可以是DOM元素，也可以是CSS选择器。

5.模板语法

• 数据绑定
  -形式：{{}}
  -概念：文本插值
  -作用：
  -绑定数据，将数据解释为纯文本
  -同步更新
  -例子：支持属性、
• 属性绑定
  -形式：v-bind
  -作用：
  -例子：
  -v-html
  -概念：作为普通html插入