Vue
站着写 bug 的峰
某互联网大厂的前端开发工程师(卑微切图仔),希望能够和大家一起学习(卷)互联网,也希望能在这里交到更多的朋友。
展开
-
vue3.0新特性
重构响应式系统使用ES6的Proxy代替了Obejct.defineProperty// 操作obj对象的key属性,第三个参数是属性描述符,返回值为操作对象Object.defineProperty(obj, "key", { //为true的时候会出现再枚举中 enumerable: false, //为true的时候属性描述符可变 configurable: false, //能不能被赋值符号修改 writable: false, //属性的值 value: "s原创 2021-05-18 21:50:41 · 95 阅读 · 0 评论 -
Vue的scoped的实现原理
Vue的scoped使用style scoped时,当前样式只对当前组件有效PostCSS给一个组件中的所有dom添加了一个独一无二的动态属性,给css选择器额外添加一个对应的属性选择器,来选择组件中的dom,这种做法使得样式只作用于含有该属性的dom元素(组件内部的dom)。...原创 2021-05-18 15:17:09 · 103 阅读 · 0 评论 -
Vue的cookie使用
Cookie使用使用js-cookie插件完成安装npm install js-cookie --saveimport Cookies from 'js-cookie'创建//设置nameCookies.set('name', 'value');//设置JSON对象的值,会自动JSON.stringify()转变成string保存Cookies.set('name', { people: 'username' });//设置有效期Cookies.set('name', 'valu原创 2021-05-15 17:04:45 · 77 阅读 · 0 评论 -
vue-router路由防卫
路由防卫路由防卫用于通过路由跳转,或取消的方式守卫路由,如验证码。路由导航有全局的单个路由独享的组件级的1.全局钩子全局前置守卫beforEach()项目加载后进入函数,用于登录权限管理较多,参数为一个回调函数回调函数有三个参数to:即将要进入的目标路由对象from:当前导航正要离开的路由next:执行下一步next(true)继续执行next(false)或不写为终止执行next(path)跳转路由 /** * @param {to} 将要去的路由原创 2021-05-15 16:30:51 · 100 阅读 · 0 评论