随笔分类 -  vue相关

会涉及es6、nodejs、webpack等
Cannot read property 'resetFields' of undefined 问题及引申
摘要：问题描述： 使用element开发我的后台系统，编辑和新增使用了同一个弹出框 this.$refs[formName].resetFields() @click="dialogFormVisible = true;resetForm('dlgForm')" resetForm(formName) { 阅读全文
posted @ 2018-07-05 15:59 以梦为马papapa 阅读(31770) 评论(0) 推荐(5)
vue与node模版引擎的渲染标记{{}}(双花括号)冲突
摘要：由于之前练习koa2，直接渲染的jquery写的传统页面。 这次想偷懒，直接script引入vue，发现渲染不出data值。 渲染引擎用得是xtpl, 找了半天没有发现可以修改xtpl渲染分隔符的配置 vue有！ 阅读全文
posted @ 2018-06-28 16:50 以梦为马papapa 阅读(1143) 评论(0) 推荐(0)
vue-cli脚手架的.babelrc文件
摘要：虽然es6还没被浏览器全部支持，但是使用es6是大势所趋，所以babel应运而生将es6代码转换成浏览器能够识别的代码 什么是.babelrc文件呢？ 熟悉linux的同学一定知道，rc结尾的文件通常代表运行时自动加载的文件，配置等等，类似bashrc,zshrc 这个文件是用来设置转码的规则和插件 阅读全文
posted @ 2017-10-12 15:05 以梦为马papapa 阅读(1760) 评论(0) 推荐(1)
vue2.0生命周期
摘要：1. beforeCreate 此时$el、data 的值都为undefined 2. create之后，此时可以拿到data的值，但是$el依旧为undefined 3. beforeMount 此时$el的值为“虚拟”的元素节点 4. mount之后，mounted之前，“虚拟”的dom节点被真 阅读全文
posted @ 2017-06-13 14:22 以梦为马papapa 阅读(1248) 评论(1) 推荐(0)
（组件、路由）懒加载
摘要：懒加载也叫延迟加载，即在需要的时候进行加载，随用随载 在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大， 造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验， 运用懒加载可以将页面进行划分，按需加载页面，可以分担首页所承担的加载压力，减少加载用时。 一种代码分块 阅读全文
posted @ 2017-06-08 14:46 以梦为马papapa 阅读(2028) 评论(2) 推荐(0)
理解exports
摘要：webpack nodejs 模块系统 其实，Module.exports才是真正的接口，exports只不过是它的一个辅助工具。　最终返回给调用的是Module.exports而不是exports。 所有的exports收集到的属性和方法，都赋值给了Module.exports。当然，这有个前提， 阅读全文
posted @ 2017-06-06 15:47 以梦为马papapa 阅读(2547) 评论(0) 推荐(0)