随笔分类 - vue相关
vue开发中相关知识点总结
摘要：在vue2中v-model使用的还是挺多的，不过呢，这个指令一般是用在了输入框中，并且这个指令其实就是个语法糖<input type="text" />data </input>其实这个就是语法糖，真实的写法是<input type="text" />data</input> 看到了吗，其实这个就和
阅读全文
摘要：标题说的很清楚了，就是要使用public中的图片 那么为什么要把图片放到public中呢，其实官网上面也说了，要么是需要动态引入非常多的图片，特别是小图标，如果放在assert中的话，会被webpack处理，很可能被打成base64混合到app.js里面 这样就导致这个js文件比较大， 因为动态引入
阅读全文
摘要：vue cli2 引入固定cdn资源操作记录 vue引入cdn也不是什么神奇的操作，但是自己之前一直没有尝试过，这次正好项目优化需要，所以，实操一波，特此记录 本次cnd引入了如下资源 + vue + vue router + axios + vue lazyload 暂时就是上面四个，没有用到vu
阅读全文
摘要：实际开发中，总免不了使用弹窗，如果弹窗比较短，内容不需要滑动，那还好处理，vue中直接阻止滑动就可以了，但是如果弹窗内的内容需要滑动，那就有点麻烦了，之前看到的方案都是给body设置fixed，但是事实上都不是很好，还好，网上找了一种解决方案，实现思路比较简单直接，滑动的时候监听touch事件，通过
阅读全文
摘要：在页面开发中，经常会碰到需要轮播，滑动等需求，特别是多元素滑动，此时，要么自己写，要么网上找轮子，不过自己写，其实还是有点难度的，一般就是网上找写好的库，本文就是针对vue awesome swiper的 其实这个库很早了，就叫swiper,现在版本是swiper4了，功能非常丰富 本次的具体需求如
阅读全文
摘要：vue中使用jsx 为什么需要使用jsx呢？这个需要搞清楚 其实vue官方也说了，对于那些非常多v if v else的情况，就可以尝试使用render函数或者jsx，不过render函数写简单的结构还行，结构复杂了就很蛋疼了，而既然用到render了，肯定是有一些复杂的逻辑判断，结构肯定简单不了，
阅读全文
摘要：背景，项目中经常会出现需要上拉加载更多或者下拉刷新的需求，一直以来呢都是借用各种UI库来实现，但是不知道啥情况，最近在使用的时候，一直有问题，出不了效果，然人很恼火，于是只能自己动手来实现以下， 这次做得呢也很简单，只做了上拉加载更多，思路其实很简单，搞一个组件，然后弄个插槽暴露出去放列表，然后在这
阅读全文
摘要：vue-cli3出来很久了，之前一直使用vue-cli2的配置，并且区分了生产和开发环境，自己的理解，环境分两大类，开发环境 和生产环境,最近升级到了vue-cli4当然改动并不大。 升级的主要原因嘛，第一个就是赶赶时髦，二个就是vue-cli2里面使用异步组件的时候，打包出来的都是1.js,2.j
阅读全文
摘要：说起vuex呢，对这个流程只是有个大概的认识，因为项目相对都不是很大，所以都使用了替代方案来共享数据，比如 EventBus或者 通过vue.observe来简易的共享数据。 observe用起来呢确实很方便，没有vuex那么多的流程，比较简单，但是不能通过vue-devtool来跟踪数据，这是比较
阅读全文
摘要：本次只是记录下开发中碰到的问题。 最近做一个活动页面，涉及到角色和权限的问题，需要跳转很多页面，于是vue-router走起，顺便keep-alive也用起来了，嗯，跳转的很爽，但是一个详情页面组件，被两个路由组件引用了，此时发现有一个路由在调用详情组件时没有按需求刷新，并且已经在keep-aliv
阅读全文
摘要：其实性能优化呢是个非常大的话题，只是自己在工作中确实会碰到一下，页面加载慢呢，一部分是逻辑问题，一部分是网络问题，还有就是确实数据太多，dom元素太多了。 1，在网上搜索vue长列表渲染，推荐的方案有Object.freeze() ,后来呢，看到黄轶大神的解答，就是说可以把那些只用于展示的，并且比较
阅读全文
摘要：博客园比较啃爹啊，随笔只能手写，之前写在有道云笔记里面的内容也复制不了，忧伤..... 长话短说，看官方的transition 的讲解，可能是内容太多了，或者就是本人太辣鸡了，看的有点懵逼，但是项目中有需要使用，套用了官方的例子，勉强算是完成了想要的效果， 回过头来总结一波还是有必要的，，刚开始看到
阅读全文
摘要：1，说器生命周期，总觉得有熟悉，又陌生，直到看到一道面试题，问父子组件的生命周期的执行顺序，我擦，真没太注意啊，不知道。 2，网上搜了一下，说法是有点像洋葱圈的形式，由外到内，在到外，因为就像一个盒子包着另一个盒子，从这个盒子中穿过去，肯定是外=》内=》外 了 3，生命周期中的destory和bef
阅读全文
摘要：vue中使用剪切板需要借助一个插件，clipboard，使用方法还是很简单的，先下载，然后引入： npm i clipboard -S
阅读全文
摘要：要使用二维码，引入一个包就可以了，使用非常简单，话不多说，看代码吧
阅读全文
摘要：在H5页面中嵌入视频的情况是比较多件的，有时候会碰到需要自动播放的情况，之前根本觉得这不是问题，但是自己的项目中需要视频的时候就有点sb了，达不到老板的要求，那个急呀~~~ 各种查资料，找到一个方法，记录一下。核心是监听了canplaythrough事件，然后自己去让视频play()。 在这个过程中
阅读全文
摘要：平时工作中使用vue比较多，那么组件之间通信的方式有好几种，在此总结一下。 1，父子组件之间 1.1，子传父，通过$emit发送事件，然后父组件通过$on来接收事件 1.2，其实还有一种情况，父传子也可以通过$emit来传递，不过呢这个有一点点特殊，可以参考如下代码，下面就是父组件向子组件传递事件的
阅读全文
浙公网安备 33010602011771号