摘要：
一、vue架构简介 我们创造的vnode，本质上是一个js对象，所以操作vnode比操作真实dom的lelement元素，要简单很多很多； 通过render函数将template转化为vnode（本质是一个js对象），然后通过渲染器将将vnode转化为真实元素 二、三大系统 第一部分是compile 阅读全文
摘要：
一、生命周期钩子 hooks： hooks的出现也就解释了为什么要从optionApi转向composiApi，因为项目到了我们的组件逻辑太多了 ，可能组件模板还是那个模板已经很完善了，但是组件逻辑太长太复杂，而且每个组件选项松散的过于厉害，某一个功能点我们需要在不同组件选项中来回加工，对代码的可读 阅读全文
摘要：
一、CompositionAPI介绍 一个setup就是本组件的一个功能点； 一个组件可能也是一大堆功能的集合体；组件的作用在于功能的分割性和可复用性； 但是功能分割到这个组件后，可能这个功能还是有很多小功能，这个时候每个小功能都是一个setup； setup 二、响应式问题 我们现在使用compA 阅读全文
摘要：
一、动画的介绍 vue3内置了一些动画的库，所以我们需要进行cdn或npm instal安装了； 可以使用组件《transition》直接使用； 1，transition实现效果 2.animation效果 3.过度的模式 使用《triansition》包裹的两个组件，如果要实现切换效果（比如v-i 阅读全文
摘要：
一、动态组件 所谓的动态组件应该和keeplive一样，都是vue的内置组件； component标签的is属性可以写哪些东西？ 第一，全局组件，比如通过vue.createApp().component（）函数注册过的全局组件； 第二，在本组件实例中注册的局部组件，即在本组件实例的componen 阅读全文
摘要：
一、插槽用来干什么？ 可以用props来转递数据， 但是传递html标签这种结构怎么做？使用插槽slot； slot可以让父组件来决定，这一块到底放什么标签、内容、元素； 如果有多个插槽，并且灭有具名插槽和动态插槽名，如下图所以，那么每个插槽都会被插入父组件的内容，所以下图会有九个内容； 2.具名插 阅读全文
摘要：
一、父传子 1.基于props的attribute 当是一个基本数据类型时，随便；初始化多个组件实例时，虽然基本数据类型的值相同但是地址都初始化了不同，只是值进行了拷贝，所以修改本实例数据地址的值不会影响其他实例的值； 当是一个引入数据类型时，需要返回一个函数，不然会造成多个组件实例修改同一份数据的 阅读全文
摘要：
一、vue的不同版本 第一个：在浏览器中或者说浏览器可以识别的index.html中，如果要通过<sciript src=xxx>的方式引入，应该选择此版本 （.runtime）(.prod)都是可选项，如果选了（。runtime）表示只需要运行时的vue版本，不需要runtime+complier 阅读全文
摘要：
一、组件 1、什么是组件化？ 将一个大的问题分解成一个个小的功能模块，这一个个功能模块就是组件话开发； 优点：利于大问题的拆分解决；便于后期维护； 2、全局组件 3、局部组件 4、singe-file-components文件 。vue文件浏览器无法识别，所以需要使用webpack构建工具将.vue 阅读全文
摘要：
一、计算属性 1.为什么要用计算属性？ 原因：对data里的数据进行复杂处理；计算属性，计算计算，就是可以对data里的属性进行表达式计算，并且可以是复杂表达式，并且可以复用在很多{{}}中； 而且计算属性有缓存，复用时会更快； 计算属性也有响应式； 2.计算属性的setter和getter 二、侦 阅读全文