第一，首先需要本地安装node环境和配置。第二，npm全局安装vue-cli。第三，通过vue的脚手架初始化本地项目vue init webapck  project-name这里会自动安装基础依赖，先npn run dev一下，是否运行正常！第四，安装 npm install   postcss-px2rem postcss  postcss-loader--save 第...

前言对于插件的好处就不用多说了~~~~看了vue官方的vue插件开发的文档，讲的比较粗略，看完一头雾水的，所以决定自己研究开发了一个组件，并写成一个教程。就拿基于vue的一个toast组件开始吧项目初始化封装vue的插件用webpack-simple很合适，vue init webpack-simple project-name此命令创建我们的项目的目录，创建文件夹和文件，最后结构是这样的lib目

axios 用了有一段时间了，可能对于刚入手的同学来说，和vue-resource没啥区别。但是有没有相关，为啥那么多人喜欢用axios，而不用vue-resource啦。axios有很多的黑科技，比如全局注册变量，全局拦截等等，对于开发来说，可以节省很多事儿！！！一、安装axios老规矩，要想使用axios，我们得安装它，安装方式：npm install axios --save二，...

 闲话少说，先上效果项目中会经常遇到类似这样的多tab切换的需求，tab可以点击，可以滑动。每个tab的内容还需要上拉加载刷新。没有办法，好好研究一下，做个记录。以防来日不时之需。还有对vue不熟悉的，可以先去看看这个vue+webpack 从入门到精通（基础篇）项目中上拉加载用到了很好用的工具better-scroll,各位可能都知道。关于better-scroll详细的...

所谓工欲善其事必先利其器，众所周知vue+webpack的开发需要本地安装node环境（有还不知道的就先去知道知道再来看本博的文章吧）。一、nodejs下载，安装和配置本地环境，就自己百度一下，网上有很多的文章，此处就不再赘述。二、全局安装vue 的脚手架工具vue-cli。npm install -g @vue/cli三、全局安装webpack。npm install -g webpack四、到

还对vue+webpack不熟悉的同学，请走这边：vue-cli+webpack 从入门到精通（基础篇）这篇正式进入主题了，先来个数据渲染。在vue中渲染数据很方便，这也是喜欢vue的原因之一。准备工作-———1.首先在根目录下新建一个data.json文件2.在components目录下新建一个组件ElmIndex.vue(组件名字随便取)3.在router下的index.js文件中给新建的El

本文是讲一个基于 Vue 的仿美团城市选择器的插件开发实例，目前关于城市选择器的插件比较少，在自己做项目的时候一直没有找到合适的城市选择器插件，所以自己开发了一个。同时也想把这个插件分享给出来，供同样有所需的前端同学学习使用。本项目使用 Vue 和 Vue 插件相关的技术来开发本项目。通过学习本项目，不仅可以拥有自己的城市选择器插件，还可以学到 Vue 插件的开发过程以及 NPM 发布包的相关..

下面就进入本文的正题了：对本文感兴趣的，想必都有一定的开发经验了，对webpack工具也有了一定的了解。只是在webpack生态里面有太多的插件了，除了默认推荐的插件之外，不知道怎么找更好用的插件，其实当初，我也有和你一样的困惑，只是我喜欢钻研，喜欢尝试。基于webpack的项目啦都有一个弊端，项目体积越大，打包耗时越长。下面就把我优化项目的案例展示给你。激动么~~~Vue项目比较大．或...

前言:一个vue项目中难免会遇到一些地方需要用到filter,那么怎么写,才能在各个组件中肆意使用啦.一,在static目录下新建一个filter目录,在filter目录下创建一个filter.js文件这里举一个给商品价格精确不足两位的补0,比如22.2->22.20,22->22.00看代码:/** * 给商品价格加补0 * @param {*} value*/con

本项目是一个基于 Node.js 的全栈是实战项目，目标就是带领读者朋友上手实战。众所周知全栈工程师是要比纯前端有发展前景的，非常希望本篇文章能给朋友们带来一些收获。该实战项目主要有首页、登陆、注册、笔记分类，笔记列表，笔记详情，发布笔记和个人主页八个部分。项目虽小，五脏俱全，设计的知识面还是比较全面的。相信通过学习本场 Chat，看完本篇文章并自己跟着认真做过一遍的同学，一定会对全栈知识...