参考资料: vuex element qs.js axios.js vue promise 关于ES6的Promise的使用深入理解  vue2 设置网页title的问题 Mint UI webstorm2017激活  深入理解vue中的slot与slot-scope  Handling Static Assets vuex最简单.最详细的入门文档 vue从入门到进阶:自定义指令directive     开发环境:win10 64bit 开发工具:webstorm node.js npm: n…

vue-cli学习资料: http://m.php.cn/article/394750.html  或 https://www.cnblogs.com/zhanglin123/p/9270051.html vue-cli 实践案例 :  https://blog.csdn.net/yuanyuanispeak/article/details/73530523 1.组件的data必须是函数 :  vue官网规定的. 2.es6拓展的对象功能:通过省略冒号与 function 关键字,将这个语法变得…

一.脚手架工具(vue2 的脚手架工具是 vue-cli) 1.脚手架工具的安装 参考  :  https://blog.csdn.net/wulala_hei/article/details/80488674   或   https://www.jianshu.com/p/32beaca25c0d https://blog.csdn.net/redfruit/article/details/79475400  (推荐) 说明:vue-cli 脚手架是 基于 webpack 开发的.所以使用 w…

前言 一直没有找到一个合适的展示个人项目的模板,所以自己动手使用 Vue 写了一个.该模板基于 Markdown 文件进行配置,只需要按一定规则编写 Markdown 文件,然后使用一个 在线工具 转为 JSON 文件即可.下面是该项目的在线地址和源码.本文主要记录一下项目中用到的相关知识. 在线演示    源码 效果 程序最终的效果如下图所示: 整个项目只包含两个组件:项目介绍 和 侧边导航,逻辑比较简单,十分适合入门. 环境配置 这里我们使用 Gulp 和 Webpack 用作项目构建工具.…

本项目使用 PHP 框架 Laravel 5.5 进行开发.系统后台使用了Vuejs + Element-UI实现完全的前后端分离. 项目地址:http://phpjourney.xin(正在备案,暂时可通过http://47.94.11.137访问) GitHub地址:https://github.com/Johnson19900110/phpJourney 功能特性 分类管理 标签管理 文章管理 评论管理 支持markdown语法 部署/安装 需要在系统上安装了基本的PHP运行环境.PHP包…

Vue2中实现微信分享支付功能  近期做了一个微信公众号前后分离项目,前端采用Vue2开发,后端SpringBoot,今天迫不及待的来给大家分享一下这次在开发中遇到的一些坑以及解决办法. 在这里,一些公众号的基本配置我就不多说了,不懂的可以看一下微信开发文档. 话不多说,咱们开始吧! 安装微信JS-SDK 首先需要通过npm安装微信的JS-SDK npm -install weixin-js-sdk --save 由于项目是基于微信公众号开发的,所有授权的时候微信会自己判断用户所用的浏览器是否为…

在vue2开发中,你肯定会遇到组件之间联动的问题,现在我们就来说说哪个神奇的指令可以满足我们的需求. 一.先上实例: 需求:点击A组件或者B组件可以使C组件的名称相应发生改变,同样,点击A组件也会使对应的B或者C组件显示选中状态. 二.说一说$emit. $on .$off 1.vm.$on( event, callback ) 监听当前实例上的自定义事件.事件可以由vm.$emit触发.回调函数会接收所有传入事件触发函数的额外参数. 2.vm.$emit( event, [-args] ) 触…

一名优秀的前端工程师必备技能之一就是要会性能监控,并且能相应的进行性能优化.最近,有需求将项目做一些优化,提升用户的体验.看了一下项目并没有开启gzip,于是着手实现gzip压缩,下面就是具体的实践过程. 我们在打开网站时,会加载各种资源文件,如js.css.html等等,如果这些文件较大的话,下载耗时过长,打开网页就会比较慢,用户体验不好.此时,可以采用gzip,可以大幅提高网页加载速度.项目是基于vue2开发的,以下过程只适用于vue2. 首先需要安装插件: 1 npm i -D compr…

Vue3 setup 函数 vue2 和 vue3 开发的区别 首先,目前来说 vue3 发布已经有一段时间了,但是呢,由于还处于优化完善阶段,对于 vue3 开发项目的需求不是很高,主要还是以 vue2 开发为主,但是相信,vue3 进行项目开发是大势所趋. vue2 开发项目过程中,会存在代码冗余和结构杂乱问题,这是 vue3 主要解决的问题,vue3 可以将相关功能的代码抽离分割在一起,方便开发者快速阅读,提高项目代码的可读性和可维护性. 使用 setup 原因 在 vue3 版本中,引入…

Element:一套通用组件库的开发之路 Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库.今天我们要分享的就是开发 Element 的一些心得. 官网:http://element.eleme.io/#/github:https://github.com/ElemeFE/element ## 设计目的 大部分项目起源都是源于业务方的需求,Element 也是一样.随着公司业务发展,内部开始衍生出很多后台系统,UED 部门也接到越来越多的设计需求,…