摘要: vue中路由守卫一共有三种,一个全局路由守卫,一个是组件内路由守卫,一个是router独享守卫。 全局路由守卫: beforeEach 前置守卫 affterEach 后置守卫 beforeResolve 解析守卫 路由的守卫 beforeRouterEnter 进入组件之前触发,在Created前 阅读全文
posted @ 2022-10-12 10:59 楠乔木 阅读(124) 评论(0) 推荐(0)
摘要: VueX的作用是管理所有组件的状态,解决多个组件之间的数据通信。 需要共享的数据 包括几个核心模块: state:存放数据状态 mutation:修改数据 Actions:对接组件, 发起异步请求 getters:派生状态数据 Modules:模块拆分 阅读全文
posted @ 2022-09-26 09:38 楠乔木 阅读(32) 评论(0) 推荐(0)
摘要: 登录:当用户填写完账号和密码后向服务端验证是否正确,验证通过之后,服务端会返回一个token, 拿到token之后(我会将这个token存贮到cookie中,保证刷新页面后能记住用户登录状态),前端会 根据token再去拉取一个 user_info 的接口来获取用户的详细信息(如用户权限,用户名等等 阅读全文
posted @ 2022-09-25 19:37 楠乔木 阅读(378) 评论(0) 推荐(0)
摘要: 监听属性 watch 作用:监听data|computed数据的改变 使用场景:经常在搜索的时候用到 比如百度搜索 百度翻译 (一个数据影响多个数据 ) 计算属性 computed :是自动触发 多个数据变化后得的一个计算结果 计算属性是基于变量的值进行缓存的,只要在它关联的变量值发生变化时计算属性 阅读全文
posted @ 2022-09-25 18:42 楠乔木 阅读(154) 评论(0) 推荐(0)
摘要: template的作用是模板占位符,可帮助我们包裹元素,但在循环过程当中,template不会被渲染到页面上 阅读全文
posted @ 2022-09-25 18:32 楠乔木 阅读(84) 评论(0) 推荐(0)
摘要: vue中检测不到数组或者对象发生改变,如何解决? this.$set(对象/数组,键,值) Vue.set(对象/数组,键,值) 给对象增加新属性、给数组增加属性 都可以响应! this.$delete(对象,键) 删除对象里面的某个属性,页面也响应 vue更新数组时触发视图更新的方法 push() 阅读全文
posted @ 2022-09-25 18:13 楠乔木 阅读(101) 评论(0) 推荐(0)
摘要: vue的生命周期 vue 实例从创建到销毁的过程就是生命周期。 常见的主要分为4大阶段8大钩子函数 创建前后 挂载前后 更新前后 销毁前后 另外三个生命周期函数不常用: keep-alive 缓存页面数据,主要用于保留组件状态或避免重新渲染。activated 只有在keep-alive 组件激活时 阅读全文
posted @ 2022-09-25 17:43 楠乔木 阅读(28) 评论(0) 推荐(0)
摘要: MVC模型:model -view- controller (模型-视图-控制器)简单说就是分层开发思想,把复杂的业务逻辑抽离为职能单一的小模块,每隔模块看似相互独立,其实又各自有依赖关系,好处是 保证子模块的智能单一,方便程序的开发,维护; MVVM模型:是前端视图层的分层开发思想,就是数据驱动视 阅读全文
posted @ 2022-09-25 17:42 楠乔木 阅读(62) 评论(0) 推荐(0)
摘要: 表单修饰符: .lazy 输入框失去光标 修改模型数据 .mumber 将得到的数据转为mumber类型 .trim 清除首尾空格 事件修饰符 .once 事件只执行一次 .capture 实现事件捕获 .prevent 阻止默认事件 比如阻止右键菜单默认事件 @事件名.修饰符名 @contextm 阅读全文
posted @ 2022-09-25 17:24 楠乔木 阅读(153) 评论(0) 推荐(0)
摘要: 第一种:删除最后一个元素 var arr = [1,2,3,4,5] pop 删除: arr.pop() slice 删除 : var new_arr = arr.slice(0, -1) var new_arr = arr.slice(0, arr.length - 1) splice 删除 :  阅读全文
posted @ 2022-09-06 23:36 楠乔木 阅读(3314) 评论(0) 推荐(0)