https://cn.vuejs.org/v2/api/#v-cloakv-cloak这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。示例：//css [v-cloak] { display: none; } //html <div v-cloak> {{ message }} </div>

<el-upload class="upload-demo" ref="upload" :on-change="handleUploadChange" :on-success="handleImportSuccess" :before-upload="beforeImportUpload" :http-request="uploadZip" :file-list="fileList&q- 阅读剩余部分 -

最近搞了个组件发现在实现input 离焦下拉收起，和点击下拉里面的选项进行选择的时候，会同时触发blur和click事件，如图：经过分析发现主要原因是由于blur事件会比click事件更先触发导致的。发现问题了就好解决了把click使用mousedown事件来代替就解决了

最近在搞纯页面外部引入vue.js的项目（非脚手架）今天遇到了坑，发现在子组件利用emit像父组件传值就是不好使，最后发现利用$emit 创建自定义事件，方法名一定要小写，大写是不会生效的，和脚手架开发还是有好多区别的，做个笔记

一、JS是单线程语言由于JS设计的初衷就是用来进行一些简单的用户交互以及DOM操作，为了避免复杂性，从一开始JS就被设计成一门单线程语言，现在如是，以后也不会变。然后正是由于单线程的缘故，当我们需要在前端运行一些大运算量的代码时，浏览器肯定会陷入卡顿。为了解决前端大运算量问题，HTML5引入了WebWorker。二、WebWorkerWebWorker是浏览器为我们提供的一个可以在浏览器后台开启一个新的线程的API，使得运行在浏览器中的 js 有了多线程的能力。但是这并不意味这js本身就支持多线程，因为这种新线程有很多限制：不能操作DOM；受主线程控制；和普通JS相比有很多- 阅读剩余部分 -