Vue
刘文壮
Github地址:https://github.com/liuwenzhuang
展开
-
Vue一次监听多个属性变化
一般来说Vue中监听属性值的变化时,是在watch中针对各属性值单独设置监听函数:var vm = new Vue({ data: { sourceType: 1, sourceOrder: 2, sourceStatus: 3, }, watch: { sourceType: function (val, oldVal) {}, sourceOrder: function (val, oldVal) {}, sourceOrder: funct原创 2020-05-08 23:19:44 · 8473 阅读 · 0 评论 -
Vue如何正确使用watch监听属性变化
Vue中可以使用监听器监听属性的变化,并根据属性变化作出响应。但一旦涉及到复杂数据的监听(如Object,但数组一般不需要,因为Vue针对数组做了特殊处理)时就比较复杂了,本文解释了使用watch监听属性变化的方法,包括复杂数据。基本用法Vue watch最重要的使用场景是根据某属性的变化执行某些业务逻辑:<template> <input type="number" ...原创 2020-02-18 13:54:25 · 8220 阅读 · 0 评论 -
Vue组件代码分块和懒加载
前端开发中,随着业务和页面增加,以组件为基本单位的结构下,组件数量会增长极快,为了优化我们会很显然地想要进行一些工作:代码分块懒加载非必要资源文件非必要资源,指的首次渲染出某页面所不必要的资源,如因为用户操作才出现的图片、弹窗等。代码分块和懒加载在页面层面具有极大的优化作用,用户很可能只是浏览dashboard页面,可能根本就不会去看详情等页面,那我们就不必将详情页面的代码和das...原创 2019-12-25 18:40:00 · 1726 阅读 · 0 评论 -
vue工程为组件自动注入全局样式文件
开发过程中,随着工程变大,不免要提取出一些公共的样式,如variables、mixins、functions等几乎在所有业务组件中都会用到的样式:-- src---- styles-------- variables.less-------- mixins.less-------- functions.less如果每个需要的组件都要手动导入一次,就太繁琐了:<script l...原创 2019-12-19 11:22:52 · 2445 阅读 · 0 评论