笔记 Vue2 Vue3 视频内容 源码 App.vue components\Demo.vue 笔记 Vue2 在 Vue2 中 vc身上的 $attrs 虽然可以接收父组件传递过来的属性(props接收之外的属性)，但是不能做类型限制，并且在模板中使用需要{{$attrs.***}} 。 <子组件>传递参数到子组件的 $slot...

视频教程中的笔记 视频教程中的笔记 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from ,next )=> { console .log('beforeEach' ,to,fro...

笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ...

作者 笔记 作者 作者：尚硅谷 张天禹链接：https://www.bilibili.com/video/BV1Zy4y1K7SH 笔记 本部分是学习时记录的一些笔记，所以记录过程中难免会有一些问题，请以原作者视频为主。 《vuejs从入门到精通 第二部分 学习笔记》https://www.softool.cn/books/vuejs...

笔记 视频教程中的笔记 笔记 本节实现：只对 新闻 路由限制，只有新闻路由是atguigu，才能看。 视频教程中的笔记 独享守卫: beforeEnter(to,from ,next){ console .log('beforeEnter' ,to,from ) if (to.meta.isAuth){ /...

笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is...

笔记 /piːnjʌ/ 笔记 Pinia的官网地址：https://pinia.vuejs.org/ Vue2 使用的 集中式状态(数据)管理 是 VuexVue3 使用的 集中式状态(数据)管理 是 Pinia 集中式：把 所有数据 集中 放到 一个容器 中。 使用原则：把 组件间 需要 共享 的数据可以放到 Pin...

笔记 源码 main.js School.vue 笔记 全局事件总线：任意组件间通信。 事件总线的原理: 源码 main.js //引入Vue import Vue from 'vue' //引入App import App from './App.vue' //关闭Vue的生产提示 Vue.config.pr...

笔记 视频教程中的笔记 笔记 课程 :https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=124 视频教程中的笔记 作用：让路由组件更方便的收到参数 { name:'xiangqing' , path:'detail/:id' , component:Detail, ...

笔记 结构 组件的定义 模块 模块化(adj.) 组件化(adj.) 笔记 结构 上图表达的意思： 所有的组件 都要听 大哥vm 的指挥(谁先谁后，往哪摆); 组件可以嵌套; 组件的定义 实现应用中局部 功能代码 和资源 的集合 。 模块 一个模块就是一个.js 文件 模块化(adj.) 我们把一个大的 ....