随笔分类 -  vue实战的坑

这里面的内容是我平时用vue做开发是碰到的坑,大神请绕道
关于vue项目优化个人小记
摘要:vue项目的编译优化和打包优化是一个不可避免的问题,下面是小记录。 1.在生产环境中,我们路由中的组件引用方式应该是 import (module.exports = file => () => import('@/pages/' + file + '.vue') ) 在开发过程中,我们的组件引用方 阅读全文
posted @ 2018-01-04 16:54 维尼-winnie 阅读(968) 评论(0) 推荐(0)
关于用自定义指令在vue中实现元素拖动
摘要:接下来要讲的是如何在vue中实现元素拖动,并且拿到拖动元素相对于父元素的位置偏移量X、Y 下面我们看下页面的基本结构吧,我们结合图来介绍这个东西会好理解的多 上面看到了页面基本结构。container就是我们说的相对父元素,drager就是要被我们拖动的元素,相信这个结构大家都心里有数 接下来,我们 阅读全文
posted @ 2017-11-30 10:46 维尼-winnie 阅读(2888) 评论(0) 推荐(1)
关于vue加载图片正确姿势(个人理解)
摘要:在项目中加载图片是一件再正常不过的事情了,但是根据框架的不同,加载的方式和所产生的性能也会有所不同, 下面是关于vue加载图片的个人理解。 我们最简单的加载图片方式,可以像下面这样 这是第一个会想到的方式,这也是可行的。但是下面这种方式不行了 因为webpack在打包的过程中会把url解析成一个字符 阅读全文
posted @ 2017-11-27 09:28 维尼-winnie 阅读(15982) 评论(0) 推荐(1)
关于递归组件剖析
摘要:最近在开发一个小模块,碰到了这么一个需求: 在一个页面中显示一级分类,当一级分类有子类的话,点开一级分类,展现二级分类,假设二级分类中的个别某一项有属于他的子分类的时候,点开他,继续显示它的子分类。上面所说的每级分类中,子分类数目可能是一项或者多项,数目不固定,具体看返回来的数据有多少。 我擦嘞,这 阅读全文
posted @ 2017-11-20 17:30 维尼-winnie 阅读(1001) 评论(1) 推荐(0)
非父子组件生命周期的关系
摘要:最近在用Vue做一个商城后台系统,碰到了一些'神秘'的坑,这些坑容易在数据传输的过程中埋下深水炸弹。 现在我来说下这个的场景。在非父子组件通信的过程中,子组件通过属性(Props)的方式进行数据交互,这点是常用的,因为简单粗暴。但是这个使用的过程中需要了解一些东西,就是父子组件中的生命周期。请看下面 阅读全文
posted @ 2017-10-29 22:03 维尼-winnie 阅读(249) 评论(0) 推荐(0)