vue第一天

发表于 更新于

一 Vue简介

一套用于构建用户界面的渐进式JavaScript框架

1.1 vue特点

  1. 采用组件化模式，提高代码复用率、且让代码更好维护。
  2. 声明式编码，让编码人员无需直接操作DOM，提高开发效率
  3. 使用虚拟DOM+优秀的Diff算法，尽量服用DOM节点

1.2 HELLO小案例

image-20221228195528964

1.3 模板语法

1.差值语法：

​ 功能：用于解析标签体内容

​ 写法：，xxx是js表达式，且可以直接读取到data中的所有属性

2.指令语法：

​ 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）

​ 举例：v-bind:href=”xxx”或简写为:href=”xxx”，xxx同样要写js表达式且可以直接读取到data中的所有属性。

1.4 数据绑定

1.单向绑定：数据只能从data流向页面

2.双向绑定：data和页面双向流通

1.5 数据代理

1.通过vm对象来代理data对象中属性的操作

1.6 事件的基本使用

image-20230102170134043

事件修饰符：

image-20230102170421561