VUE3笔记

项目结构

模板语法（在标签之外）

插值语法 ：双大括号

属性绑定（在标签之内）

v-bind:

单属性两种写法 

多属性绑定

 条件渲染

列表渲染

要有key，降低消耗

遍历数组

 遍历对象 

 事件处理

传递参数

事件修饰符

 

数组监听（后续研究）

 （当数组方法不会产生新数组，自己替换新数组来实现数组监听）

 

---

 计算属性

 计算属性只有一次，方法每次都会调用

---

监听属性

---

class绑定

  

---

style绑定

---

表单绑定

---

模板操作

 

---

组件

局部引用 

 全局引用（在main中）

 数据传递

props（父传子）

子添加props属性

 传参校验 

类型

默认值 

必须选性 

 

---

组件事件（子传父）

触发自定义事件类型

 传递函数（子传父）

父元素向子元素传递函数，子元素调用函数来更改父元素的数据，实现子传父

 父

 子

---

插槽

组件嵌套过程中，父组件内部向子元素插入其他东西。

 

 具名插槽

---

动态组件 

保持活性

  

---

异步组件（懒加载）

---

依赖注入（参数透传）

祖宗

子（类似props） 

---

路由

懒加载

通过箭头函数实现懒加载

---

Vuex

Vue有五个核心概念，state, getters, mutations, actions, modules。

1. state => 基本数据
2. getters => 从基本数据派生的数据
3. mutations => 提交更改数据的方法，同步！
4. actions => 像一个装饰器，包裹mutations，使之可以异步。
5. modules => 模块化Vuex

 Getters

Mutation 

 Actions

 

---