vue3.0

``` { path: '/b', name: 'B', component: () => import('../components/B.vue'), children: [ { path: '',

query传参 B组件接收参数 动态路由传参Vue Router(第三章)Vue Router(第三章)Vue Router(第三章)Vue Router(第三章)

除了path之外，还提供了name属性 router-link跳转方式改为对象，并且有对应name 编程式导航 除了router-link跳转，还可以借助router的实例方法，实现js跳转

vue是单页面，不会有那么多html, vue路由可以实现不同的url访问不同的内容，实现多视图单页面应用 router.js main.js挂载 页面使用 router-link 创建链接，to='

Pinia 第二章（getter, actions）Pinia 第二章（getter, actions）Pinia 第二章（getter, actions）Pinia 第二章（getter, acti

Pinia 第一章（state）Pinia 第一章（state）Pinia 第一章（state）Pinia 第一章（state）Pinia 第一章（state）

在vue3中没有prototype属性， 定义全局变量或者函数 模版中直接使用， js中通过getCurrentInstance()

``` ```学习Vue3 第二十二章（自定义指令）学习Vue3 第二十二章（自定义指令）学习Vue3 第二十二章（自定义指令）学习Vue3 第二十二章（自定义指令）学习Vue3 第二十二章（自定义指

在Vue2和Vu3中在input绑定v-model是没有啥区别 主要是在组件上使用v-model是有变化 1.vue2组件上只能绑定一个v-model, prop是value, 通过this.$emi

父组件 子组件学习Vue3 第二十一章（provide和inject）学习Vue3 第二十一章（provide和inject）学习Vue3 第二十一章（provide和inject）

学习Vue3 第二十章（内置组件-TransitionGroup）学习Vue3 第二十章（内置组件-TransitionGroup）学习Vue3 第二十章（内置组件-TransitionGroup）

更方便一点，不需要自己在手写css动画，用animate.css库， 注意 animate__animated这个类名是公共的，都要写

学习Vue3 第十八章（内置组件-Transition基础使用）学习Vue3 第十八章（内置组件-Transition基础使用）学习Vue3 第十八章（内置组件-Transition基础使用）学习Vu

学习Vue3 第十七章（内置组件-缓存组件-keep-alive）学习Vue3 第十七章（内置组件-缓存组件-keep-alive）学习Vue3 第十七章（内置组件-缓存组件-keep-alive）

父组件 子组件 虽然.outer上有相对定位，但是modal弹窗还是会根据body定位父组件 子组件 虽然.outer上有相对定位，但是modal弹窗还是会根据body定位

异步组件指的是一种在需要时才加载和渲染的组件。这意味着组件不会在应用启动时立即加载，而是在真正需要显示该组件的时候，才会动态的加载它。这种机制可以有效减少初始包的大小，有助于减少应用的初始加载时间，提

匿名插槽 子组件 父组件 具名插槽 子组件 父组件 作用域插槽 父组件 子组件学习Vue3 第十四章（插槽全家桶）

让多个组件使用同一个挂载点，并动态切换 利用 component 标签，然后使用v-bind:is='组件'

原理跟我们写js递归是一样的，自己调用自己，通过一个条件来结束递归，避免内存泄漏 定义了一份树形的数据 父组件 递归组件 子组件在调用自己的时候可以直接用文件名当组件名 可以在增加一个script标签

父传子 父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值 子传父 我们在子组件绑定了click事件，然后通过defineEmits注册了一个自定义事件，触发emi