随笔分类 - Vue.js
摘要：对原有的1.x版本进行的大版本的升级。本多页脚手架面向实际工作流，能够覆盖绝大多数的使用场景，在实际工作中，能结合的应用场景会更加多元化。 github：https://github.com/pomelott/webpack-multi-page-cli 如对您有帮助，请给星，如有问题请提issue
阅读全文
摘要：最近在忙混合开发，因交互相对复杂，所以也踩了很多坑。在此做一下总结。 1.tap事件的实际应用 在使用tap事件时，老生常谈的肯定是点透问题，大多情况下，在有滑屏交互的页面时，我们会在根节点阻止默认行为以解决事件点透的bug。 阻止默认行为有优点，但也会相对带来一些问题。 优点： （1）解决事件点透
阅读全文
摘要：最近在官方文档中看到，vue新增了一种插槽机制，叫做作用域插槽。要求的版本是2.1.0+。 首先来说一下：顾名思义，所谓作用域插槽，主要就在作用域，需要注意的是（以下几点看不懂不要紧，配合下面的例子，你会一看就懂）： 1. 组件中的slot标签只能有有一个，而这一个slot用于替代组件调用时的多个标
阅读全文
摘要：使用axios首先要下载axios模块包 其次需要在使用的文件中引入 一、调用axios常见两种方法(此处使用easy-mock模拟数据接口)： 注意： 方法一中向后台发送数据时： 二、自定义请求实例 使用自定义请求实例时需要先创建对象 使用transformRequest将数据格式改为key=va
阅读全文
摘要：vue实现惰性加载是基于： 1.ES6的异步机制 2. webpack的代码分割功能 ************************ 懒加载方法一、 若需要将相同功能的组件捆绑进行懒加载，则需为捆绑添加chunk名字，如下： 懒加载方法二： 配置部分则不需要改变，常规配置即可：
阅读全文
摘要：1.在使用<transiton>添加过渡效果时，对应的标签需使用<router-link>，否则，transition不会达到应有的效果。 2.在路由文件里获取根实例时，需通过router.app获取 3.管理CSS文件时，css入口文件的格式（需要在单个文件引入后添加 ；） 4.在main.js中
阅读全文
摘要：$on常用于监听自定义事件，触发后可传入参数 需要注意的时，自定义事件必须绑定在实例上，否则无效。 应用一：传值可用于组件间的数据通信，如下例：（将A组件的数据a和B组件的数据b传入C组件中） 注册组件 应用一示例的全部代码如下： 应用二：子组件与父组件的通信 父组件代码：（父组件自定义change
阅读全文
摘要：新年第一天首先祝大家新年快乐，心想事成！ 1.利用根实例构造函数的原型 通过原型链添加方法，同理 2.通过Vue的插件机制 （常用方法） （1） 以util.js为插件文件，则需在项目入口文件main.js中引入： （2）插件暴露 （3）调用插件
阅读全文
摘要：1.在结构化css时，习惯将不同的css文件通过一个入口文件打包，而入口文件在引入其他css文件时，需要强烈注意，要在单行末尾加分号； 少分号的，单行相对应的css文件会引用无效
阅读全文
摘要：vue-router的出现是为了解决路由与视图（实际项目中的单文件组件）的对应关系。若单单为了实现交互时对相应组件的渲染，则通过vue的基础操作完全可以实现，那么为什么要是用vue-router呢，个人理解为以下几点，其实也就是vue-router的特点。 1.最显著就是无需刷新页面，完成跳转。资源
阅读全文
摘要：全面的Vue-cli学习，这一篇就够了！ 一、下载 使用vue-cli前，需先安装node.js,node的安装就不赘述，不过在此需要注意： 1. node版本需在4.x以上，首推6.x以上版本（node -v 命令查看） 2. npm要求在 3+ 版本以上 （npm -v 命令查看） vue-cl
阅读全文
摘要：对于绝大多数开发人员来讲，组件是使用Vue.js不能逃避的话题，当然实际开发也会有很多需要注意的地方，一下均为实际操作中遇到的坑，接下来逐一为大家分享： 1.定义并注册组件必须要在声明Vue实例之前，否则组件无效： 2.涉及到传值时，props数组中必须采用驼峰命名法： 3.多层组件传值时，prop
阅读全文
摘要：vue打包，我们都清楚，实在记不住命令的可以去package.json中看： 打包后会生成dist文件夹，将dist文件夹下的所有文件复制到Apache下的www的文件夹下，然后在localhost的80端口下即可访问。 但此时还有一个问题：点击链接改变路由后，服务器会报错！如下图： 解决方法： 打
阅读全文
摘要：前段时间的react授权许可的闹剧告诉大家一个问题，只有自己的东西用着才放心。各大巨头也逐渐明白使用自家东西的优势。本来vue的生态就愈加火热，这次的闹剧无疑又加速了vue的发展。当下，国内越来越多的公司在使用vue，之前我也持观望态度，但最近发现，vue几乎已经是SPA的最佳方案，不学岂不可惜li
阅读全文
