- 博客(6)
- 收藏
- 关注
RSS订阅原创 Vue：路由守卫
作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行router.beforeEach((to,from,next)=>{ console.log('beforeEach',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') === 'atguigu'){..
2022-05-17 15:45:00
57
原创 Vue：全局事件总线 （GlobalEventBus）
一种组件间通信的方式，适用于任意组件间通信。 安装全局事件总线： new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线，$bus就是当前应用的vm }, ......}) 使用事件总线： 接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。 methods(){ demo(...
2022-05-17 09:38:29
150
原创 Vue：webStorage
存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API： xxxxxStorage.setItem('key', 'value'); 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。 xxxxxStorage.getItem('person'); 该方法接受一个键名作为参数，..
2022-05-17 09:35:58
87
原创 Vue：mixin混入
1. 功能：可以把多个组件共用的配置提取成一个混入对象2. 使用方式： 第一步定义混合： ``` { data(){....}, methods:{....} .... } ```//mixin.jsexport const hunhe = { methods: { showName(){ alert(this.name) } }, mounted() { conso...
2022-02-19 10:35:40
75
原创 Vue：props配置
1. 功能：让组件接收外部传过来的数据2. 传递数据：```<Demo name="xxx"/>```3. 接收数据： 1. 第一种方式（只接收）：```props:['name'] ``` 2. 第二种方式（限制类型）：```props:{name:String}``` 3. 第三种方式（限制类型、限制必要性、指定默认值）： ```js props:{ name:{ type:St...
2022-02-18 23:04:21
164
原创 Vue：ref属性
1. 被用来给元素或子组件注册引用信息（id的替代者）2. 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc）3. 使用方式： 1. 打标识：```<h1 ref="xxx">.....</h1>``` 或 ```<School ref="xxx"></School>``` 2. 获取：```this.$refs.xxx```<template> <div> <...
2022-02-17 13:39:19
59
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人