![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 66
qing_bk
这个作者很懒,什么都没留下…
展开
-
Vue的生命周期
vue 实例从创建到销毁的过程就是生命周期。 也就是从开始创建、初始化数据、编译模板、挂在 dom -> 渲染、更新 -> 渲染、准备销毁、销毁等一系列过程vue的生命周期常见的主要分为4大阶段8大钩子函数一、创建前 / 后在beforeCreate生命周期函数执行的时候,data和method 还没有初始化在created 生命周期函数执行的时候,data和method已经初始化完成二、渲染前/后在beforeMount 生命周期函数执行的时候,已经编译好了模版字原创 2021-12-18 16:07:37 · 452 阅读 · 0 评论 -
路由基本使用&路由传值&路由钩子函数
路由基本使用1:安装 yarn add vue-router2:导入 src/router/index.js import VueRouter from 'vue-router'3:注册import Vue from 'vue' Vue.use(VueRouter)4:实例化 const router=new VueRouter({ routes:[ { path:'/', compo...原创 2021-12-13 18:18:07 · 207 阅读 · 0 评论 -
Vue 自定义指令解决图片出错问题
全局自定义指令 v-on:keyup.enter="()=>{}" v-指令名:属性名.修饰符=’值‘ 定义 input v-xxxVue.directive('指令名',{ 自定义指令的生命周期 bind:绑定时,自定义指令绑定于相应dom时执行(类似于vue生命周期的beforeMount) bind(dom,obj,vnode){ dom:指令所在dom obj:{ 属性...原创 2021-12-12 22:18:42 · 351 阅读 · 0 评论 -
Vue 组件传值
一:父子传值父传子传 子组件标签内 属性名=值收 props:{ 属性名:{ type:类型,多个类型[Object,Array,String] default:基本数据类型直接写 复杂数据类型 ()=>({}) 或者 ()=>{return {}} required:true 必填 validator:(value)=...原创 2021-12-09 20:54:30 · 945 阅读 · 0 评论 -
权限管理整个流程
涉及到权限管理的模块用户管理: 账号的增删改查以外,为该账号分配角色角色管理:角色的增删改查,为该角色分配权限数据权限管理:需要进行权限管理的页面进行增删改查权限管理分三部分1.api主要是后端处理前端:响应拦截里做统一错误处理2.路由2.1将路由分为二大块静态路由:不需要访问权限的路由(登录页,404,首页)动态路由:需要权限访问的路由默认只有静态路由2.2在获取到用户信息后1.用户信息中包含当前用户能访问的权限页面的数据2.通过和动态路由匹配.原创 2021-12-08 21:38:31 · 1650 阅读 · 0 评论