随笔分类 - Vue
摘要：前提： vue + typescript ，组件采用 vue-property-decorator + class 作为组件的方式。 最近开发项目，用了 keep-alive 来缓存路由，以前使用路由缓存，都是设置 meta:{ keepAlive:true} 的方式，直接编写路由的时候配置就行。
阅读全文
摘要：记录一下踩坑过程： 本来项目好好的，拉完代码，重新安装了node_modules，其它的都没动，然后使用路由 push 的时候就会报这个错。完全不知道为什么 然后找度娘，结果基本上千篇一律都是在 main.js 中添加如下代码 const originalPush = VueRouter.proto
阅读全文
摘要：vuepress官网 vuepress是尤大开发来写文档的静态页面。可以用Markdown 语法，并且也可以使用vue模块化的方式开发页面。 vuepress-theme-reco 是另外的开发者开发的 vuepress主题。本文将介绍依赖这个主题，构建GitHub pages静态博客的详细过程 提
阅读全文
摘要：vue-cli 版本：2.9.6 webpack 版本：3.6.0 1. vue-cli 安装好之后，不是自动打开默认浏览器 在 config文件夹 > dev选项中，有个 autoOpenBrowser 。把它置为 true 即可。 2. 使用less（或者sass）全局变量 起因： 因为想定义一
阅读全文
摘要：IScroll中文文档 第一个问题： 边界留白 就是这种，上边界（最小），下边界（最大）有两个列表的位置是不能选择的。解决的办法是： 在HTML中，添加空白节点就行了。 第二个问题：初始化之后的滚动停止的事件的第二个参数问题。 （1） 第二的个参数，是个函数。它没有参数，而且不要写成，不要写成，不要
阅读全文
摘要：函数防抖和函数节流都是老生常谈的问题了。这两种方式都能优化 js 的性能。有些人可能会搞混两个的概念。所以，我以自己的理解，来解释这两个概念的含义。并且列举在小程序中这两个方法的使用。 函数防抖： 英文 debounce 有防反跳的意思，大致就是指防止重复触发。 那么，函数防抖，真正的含义是：延迟函
阅读全文
摘要：今天介绍一下，上下，左右无缝滚动的公告栏信息组件的开发。 首先上效果： 看起来有点卡顿，实际上还是挺顺畅的。。。 代码： 左右滚动的组件：marqueeX 上线滚动的组件：marqueeY 使用组件： 测试数据： data： { "msg": [{ "place": "来自烟台市的", "name"
阅读全文
摘要：相信大家都用过less、sass等预编译器。它们中也有mixins，用法也很简单，例如Less中： 编译之后就成了： 这样就减少了写的代码量。也达到了公用相同样式的目的。 而 vue的mixins也是同样的道理。使用公用的内容，达到指定或者所有的实例都共享这些内容。 那么，vue中的mixins可以
阅读全文
摘要：slot 插槽 ，是用在组件中，向组件分发内容。它的内容可以包含任何模板代码，包括HTML。 vue 在 2.6.0 中，具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍有用的特性。但是将会在vu
阅读全文
摘要：vue中比较重要的就是组件了。而组件随处可复用的特性，使得组件通信非常重要。那么组件之间通讯方式有哪些呢？ 第一种：父子组件通讯： 如果是 html页面 中全局注册的组件 和 实例中局部注册的组件 HTML： JS： 注意事项： 1） 组件需要先注册才能使用，注册又分 局部注册 和 全局注册。局部注
阅读全文
摘要：最开始查看nextTick这个方法的时候，眼瞎看成了nextClick。。。我还在疑问难道是下一次click之后处理事件。。。 然后用这个方法的时候，就只知道是用在DOM更新之后调用回调方法。 这时就产生了一堆疑问： 1）DOM更新后？难道修改数据之后，DOM没有及时更新，还有延迟？但是页面上看到的
阅读全文
摘要：效果图： HTML: JS: 总结：在vue2.x版本中，v-for的第二个参数是index即索引，并且后面使用时不用加$符号。 而vue1.x的index索引是在第一个参数，第二个参数才是对应值，而且后面使用时需要加$符号 vue2.x版本中 el 不能使用body vue2.x:数组语法： va
阅读全文
浙公网安备 33010602011771号