
vue
想要飞的pig
五年之后遇见不一样的自己
展开
-
Vue全家桶(vue2和vue3)
Vue全家桶(vue2和vue3) 1. vue的router使用 1.1vue2下的router使用 //首先引入库 import VueRouter from 'vue-router'; //将各个路由页面组装到数组routes里面 const routes = []; //创建一个路由实例对象 const router = new VueRouter({ routes }) //导出这个路由 export default router 然后在main.js 导入 import router fr原创 2020-10-23 12:28:36 · 543 阅读 · 0 评论 -
Vue组件化(vue2与vue3)
Vue组件化(vue2与vue3) 1. 在vue2中组件的通信方式 1.1 组件常用的通信方式 props、eventbus、vuex、自定义事件 边界情况 $ parent 、$ children 、$ root 、$ refs、provide/inject 非prop特性$ attrs 、$ listeners A、在父对子传值用props,子对父传值可以用自定义事件emit出去 B、在任意两个组件之间传值一般我们会想到vuex的方式,这个具体怎么用请看文档(vue2),或等下回分解(要和vue3原创 2020-10-20 00:55:39 · 555 阅读 · 0 评论 -
vue路由权限管理(vue2和vue3)
vue路由权限管理(vue2和vue3) 1. Vue 路由权限控制一般有2种方法 a、路由元信息(meta) b、动态加载菜单和路由(addRoutes) 2 路由元信息(meta)来进行路由权限控制 2.1 在vue2种的实现 如果一个网站有不同的角色,比如 管理员 和 普通用户 ,要求不同的角色能访问的页面是不一样的 这个时候我们就可以 把所有的页面都放在路由表里 ,只要 在访问的时候判断一下角色权限 。如果有权限就让访问,没有权限的话就拒绝访问,跳转到404页面 vue-router 在构建路由原创 2020-10-19 17:47:12 · 1866 阅读 · 1 评论