vue-cli-learning

Vue2入门级Demo，使用了VueCli，未使用TS

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

文件说明

• demo1：基础
• demo2：实例方法和模版
• demo3：计算属性和方法
• demo4：侦听器 + deferred + debounce
• demo5：绑定class 和条件渲染
• demo6：列表渲染
• demo7：todoList
• demo8：表单输入
• demo9：Mock.js
• demo10：事件总线 + ImageMaker
• demo11：文字滚动
• demo12：ElementUI 表格展开
• demo13：动态创建弹框
• demo14：动态组件和ElementUI的tabs
• demo15：ElementUI分页组件
• demo16：canvas为页面添加水印
• demo17：上传进度提示
• demo18：在ElementUI中插入自定义标签
• demo19：动态读取图片
• demo20：Mixin
• demo21：组件上使用v-model
• demo22：队列和promise的一个实际问题
• demo23：算法相关
• demo24：Vue的过滤器filter
• demo25：富文本编辑器
• demo26：canvas
• demo27：可拖拽DIV
• demo28：CSS圆周运动
• demo29：导出Excel表格
• demo30：动手实现Promise
• demo31：从Node层获取数据（BFF）
• demo32：用JavaScript实现一个栈
• demo33：编写、使用MyLoading插件
• demo34：日历选择器组件
• demo35：图片对比
• demo36：表格行数据合并
• demo37：Vuex
• demo38：Vue-Router
• demo39：XSS
• demo40：可拖拽表格
• demo41：axios自动重试
• demo42：展开收起小动画
• demo43：粘贴复制
• demo44：VideoPlayer