在公司做了一次vue相关的培训，自己整理了一些大纲。供大家参考学习！当然 优先要先看官方文档 1. 项目构成及原理 Vue 主流框架见解及差别 react ALL IN JS 灵活 angular 架构清晰 层级多 重 …

问题:从第一个页面跳转到第二个页面后,如果停留在第二个页面，定时器还在运行。如果在两个页面之间来回跳转,跳转时间小于定时器的间隔时间时，也会出现重复创建setTimeout的情况。 原因:当我们刷新页面时，会将当前页面之…

1. 基本使用方式 template <input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @cha…

一个简单的效果，点击导航栏弹出菜单后，在菜单外点击触发失焦，自动关闭菜单 本文采用Vant组件核心：通过触发菜单内的input聚焦失焦控制显示/隐藏 导航栏： <van-nav-bar title="导航栏" le…

1，定义对象后扩展对象属性报错 报错详情：Property ‘id’ does not exist on type ‘query’.Vetur(2339) 例如： let …

在学习vue的时候，发现有很多使用vue开发的ui组件。本着学习的目的，自己也仿照Element写一些组件。 使用VuePress编写组件文档。 单元测试：karma+mocha+chai+sinon。 文档预览地址：预…

vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。 循环列表，html: <template> <div class="newslist"> <ul&…

nightwatch.js是一个web-ui自动化测试框架，被vue-cli深度整合进来。如果一个项目是基于vue-cli搭建的，基本可以做到开箱即用。 但是我们不可能一直都使用vue-cli。因为它很多时候不能够满足我…

前端项目，基于vue框架实现阿里云图片上传(单张) 1.安装依赖包 npm install ali-oss 2.编写alioss.js var OSS = require('ali-oss') export functi…

在组件上设置点击事件 <div id="app" > <child @click="handleClick"></child> </div> <script> …

初入vue 的大门，对vue 在data 中定义一个值，在DOM 中通过双花括号{{}} 就可以访问的到，对此我是很好奇的，本着好奇的心思，打开了vue 的源码，探索这个奇妙的过程。问题的根源就在于这个方法：Object…

有人会问：既然要取消选中为什么不用checkbox呢？ 举个栗子，比如选中性别时，用户可以选男或者女(二选一)，然后也可以取消选中(二者都不选) 这时这个demo就派上用场了 <el-radio-group v-m…