随笔分类 - vue
摘要:a标签 从一张页面跳转到另一张页面,但从这里来说就违背了多视图的单页Web应用这个概念 通过a标签进行跳转,页面会被重新渲染,即相当于重新打开一个新的网页,体现为视觉上的“闪烁” router-link <router-link> 组件支持用户在具有路由功能的应用中 (点击) 导航。 通过 to 属
阅读全文
摘要:一,钩子函数执行顺序 beforeCreate created beforeMount mounted beforeUpdate updated activated deactivated beforeDestroy destroyed errorCaptured 总结: 1.beforeCreat
阅读全文
vue中配置less报错:UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
摘要:vue中less配置完成后,在style中加入lang='less'后,项目报错: 检查配置没问题后,百度说是版本过高,于是安装一个低版本的,解决问题。
阅读全文
摘要:一,el,template,render属性优先性 当Vue选项对象中有render渲染函数时,Vue构造函数将直接使用渲染函数渲染DOM树,当选项对象中没有render渲染函数时,Vue构造函数首先通过将template模板编译生成渲染函数,然后再渲染DOM树,而当Vue选项对象中既没有rende
阅读全文
摘要:vue.js采用的是数据劫持结合发布和-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProper
阅读全文
摘要:1.路由懒加载 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载 常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import vue异步组件 { path: "/login", name: "Login", meta: { title: "登录" }, componen
阅读全文
摘要:参见官方文档-深入响应式原理 1. Vue 无法检测实例被创建时不存在于 data 中的 property 由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的 var vm
阅读全文
摘要:一,PC端适配 开发PC端项目,通常会要求适应各种的屏幕尺寸,并且要求浏览器缩小页面等比例变化,因此就要求写出来的前端页面是能够自适应的 利用webpack配置px2rem-loader和lib-flexible来实现px转化rem 1、安装npm install px2rem-loader -Dn
阅读全文
摘要:一,思考,element-UI <el-table>中如何获取当前行数据? <el-table-column prop label="操作"> <template slot-scope="scope"> <span class="edit"></span> <span class="delete"
阅读全文
摘要:一,什么scoped? 在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上
阅读全文