为了学习基础语法，我并没有用vue-cli脚手架来vue init [基于什么类型] [项目名称]初始化项目，而是直接<script>../vue.js</script> 动态显示时间和过滤器 ...

Vue插件（plugin）听起来很高大上，平时都是使用别人写的，那如果要自己实现一个呢，现在就用一个小demo来尝试一把，完成后会发现插件其实也没那么高大上嘛，废话不多说，直接上代码！ 以下代码为了方便测试，会直接在一个HTML里面呈现，并且以cdn的方式引入vue ...

亲测，挺实用的： 　　借鉴博客：https://blog.csdn.net/IFnsyw/article/details/109024798 ...

上一篇文章《一个基于ES5的vue小demo》我们讲了如何用ES5，vue-router做一个小demo，接下来我们来把它变成基于ES6+webpack的demo。 一、环境搭建及代码转换 我们先搭建一下vue 的开发环境，根据我的一篇随笔《Vue开发环境搭建及热更新》，我们一步步搭建开发环境 ...

Vue.js之组件嵌套的小demo项目 第一步：初始化一个wabpack项目，这里不在复述。第二步：在components文件夹下新建Header.vue Footer.vue和Users.vue三个组件文件 　　Header.vue文件： 　　Users.vue文件 ...

由于现在很多vue项目都是基于ES6开发的，而我学vue的时候大多是看vue官网的API，是基于ES5的，所以对于刚接触项目的我来说要转变为项目的模块化写法确实有些挑战。因此，我打算先做一个基于ES5的vue小demo，再把这个demo写成基于ES6的，算是一个过渡吧！这个demo有一些代码借用 ...

（腾讯课堂学习小demo：https://ke.qq.com/course/256052） 一、简单的指令应用 ——打击灭火器 图片素材点击腾讯课堂的链接获取 html： html 总结： v-bind:class的后边，是一个对象 ...

闲聊： 小颖之前一直说是写一篇用vue做的简单demo的文章，然而小颖总是给自己找借口，说没时间，这一没时间一下就推到现在了，今天抽时间把这个简单的demo整理下，给大家分享出来，希望对大家也有所帮助。 前期准备： 1.安装node 安装包地址这个里面有两个安装包大家可以根据自己的需求选择 ...