一，前言最近的文章应该都会围绕搭建VueCodeBase展开简单说一下这个codeBase：一个深度定制的Vue项目脚手架，目前已经具备了三端(pc+app+后台管理)的基础框架内置了登录、退出，Vuex状态管理和数据持久化，ajax-Axios封装，接口Mock，多环境配置，集成常用组件，UI库，工具方法及过滤器等等等目前功能仍在逐步扩充中，例如权限管理，骨架屏，...

一,前言一些组件需要通过接口请求数据来进行显示,请求数据会造成一定的等待时间如果反复切换组件,那就需要反复进行数据请求,并且这部分数据返回时相同的那么可以在组件第一次加载时,将组件对象缓存起来当切换路由显示时,组件对象被缓存起来,不被销毁,以提升再次查看时的用户体验如:Tab页制作的各种状态的订单列表切换当然,这取决于你的数据是否需要较高的实时性二,验证使用上一篇的例...

一,前言上一篇介绍了Vue的方法和事件,在Vue实例methods选项中对方法进行定义这一篇介绍Vue的计算属性,计算属性定义在vue实例compute选项中,compute计算属性功能上和methods中的方法很相似,稍后我们会探讨计算属性的使用及计算属性和方法的区别二,引入计算属性之前介绍了插值(即双大括号表达式),支持简单的表达式和过滤器可以对值做一些简单运算和文本转...

一，前言由于最近需要做一款企业内部使用的vueCodeBase，用做公司项目初始化脚手架常规的vue init template <project-name&am

1,WebStorm安装Vue插件,使WebStorm拥有新建.vue文件功能:安装完成后根据提示重启webstorm2,Preferences->Editor->File and Code Templates添加创建文件格式和模板点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面还可以自定义.vue文件生成时的初始化模.

一,前言上一篇介绍了列表渲染指令v-for的使用和列表相关的知识点还有如何实现列表的过滤和排序功能在介绍列表过滤和排序功能时用到了计算属性二,列表的搜索过滤列表的搜索过滤功能,如通过外部输入对列表内容进行查询,返回包含输入字符串内容的行项目信息先看一下Demo:<div id="app"><inp

一,前言使用Vue和React开发时,通常使用ESLint做代码检测TypeScript有自己的检查工具TSLint但由于ESLint在Vue和React的影响及更好的性能TypeScript也决定使用ESLint做TS的代码检测工具二,ESLintTypeScript + ESLint:TypeScript编译器主要做两件事,即类型检查和语言转换1,类型检查2,语言转换...

1,安装cordova由于之前AngularJS+Ionic时已经安装过cordova,并且安装步骤很简单,这里不再赘述sudo npm install -g cordova2,更新cordovaIonic时cordova明明是好的,现在Vue再用不好使了1)先查看cordova版本:bogon:~ Brave$ sudo cordova -vPassword:6.1.

和NodeJS的express-cli相似Vue也有一个自己的脚手架,可以初始化一个Vue工程1,检查NodeJS版本,需要安装NodeJS(版本4.0.0以上)bogon:~ Brave$ node -vv5.0.0我的Node版本是5.0.02,全局安装vue-clibogon:~ Brave$ sudo npm install -g vue-cli3,执行vue命令查看安装是否成功bogo

一,前言前面介绍了插槽的使用和作用域插槽,Vue还能访问clot分发的内容,虽然在实际开发中很少会使用到这个功能,但在组件中很重要这一篇简单介绍如果访问插槽二,访问slot在Vue1.x中,想要获取一个slot是很困难的,Vue2.x提供了一个可以访问插槽内容的方法:$slots,使用也非常简单通过$slots可以访问指定的具名slotthis.$slots.de...