-
130_全局后置_路由守卫
视频教程中的笔记 视频教程中的笔记 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from ,next )=> { console .log('beforeEach' ,to,fro... -
026_绑定class样式
规则 源码 规则 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 绑定样式</title > <style > .basic{ ... -
149_setup的两个注意点
笔记 Vue2 Vue3 视频内容 源码 App.vue components\Demo.vue 笔记 Vue2 在 Vue2 中 vc身上的 $attrs 虽然可以接收父组件传递过来的属性(props接收之外的属性)，但是不能做类型限制，并且在模板中使用需要{{$attrs.***}} 。 <子组件>传递参数到子组件的 $slot... -
031_列表过滤
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 列表过滤</title > <script type ="text/javascript" src ="../js/vue.js" ... -
069_scoped样式
scoped样式 源码 School.vue Student.vue scoped 仔细看英[skəʊ pt] 美[skoʊpt] 组件加 scoped 之后，里面缩写的样式只负责本组件。 scoped样式的实现原理：在 最外侧 div 添加了一个 data-v-随机数 属性， scoped样式 作用：让样式在局部生效，防... -
131_独享路由守卫
笔记 视频教程中的笔记 笔记 本节实现：只对 新闻 路由限制，只有新闻路由是atguigu，才能看。 视频教程中的笔记 独享守卫: beforeEnter(to,from ,next){ console .log('beforeEnter' ,to,from ) if (to.meta.isAuth){ /... -
008_数据绑定
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 数据绑定</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
071_TodoList案例_初始化列表
技巧 源码 MyList.vue MyItem.vue 技巧 一堆数据用数组 ，属性太多了用对象 。 源码 MyList.vue <template > <ul class ="todo-main" > <!-- 给 MyItem组件传数据 其中key可以随便定，但是value不能，此处的value只能 ... -
042_v-cloak指令
v-cloak 指令没有值，只有名。 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-cloak指令</title > <style > /*将本页所有的 v-cloak... -
305 047.修改数据(三种方式)
源码 store\count.ts components\Count.vue 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组件，所以当前文件名也起名为 count.ts //官方推荐我们使用 Hooks 命名思想: use***St...