每个Vue实例在被创建的时候,都会经历一系列初始化的过程。比如说需要设置数据监听、模板编译、将实例挂载到DOM结构上并且在数据变化时对DOM结构进行更新等等。Vue允许开发者在不同的生命周期运行一些钩子函数(hook),给开发者在不同的生命周期中添加自己代码的机会。所有的生命周期钩子自动绑定 thi ...
分类:
其他好文 时间:
2020-04-11 00:42:16
阅读次数:
147
nextTick实现原理? nextTick方法主要是使用了宏任务和微任务,定义一个异步方法,多次调用nextTick会将方法存在队列中,通过这个异步方法清空当前队列。所以这个nextTick方法就是异步方法 这句话说的很乱,典型的让面试官忍不住想要深挖一探究竟的回答。(因为一听你就不是真的懂) 正 ...
分类:
其他好文 时间:
2020-04-09 12:28:50
阅读次数:
94
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue 同步 $n ...
分类:
其他好文 时间:
2020-03-25 19:02:30
阅读次数:
187
Vue高级特性 一、自定义v-model实现Vue的双向数据绑定 父组件中 <p>{{name}}</p> <custormModel v-model="name" /> data() { return { // 组件 custormModel 中的 input 输入改变,绑定到了这里,实现双向绑定 ...
分类:
其他好文 时间:
2020-03-24 13:14:35
阅读次数:
75
关于作者 程序开发人员,不拘泥于语言与技术,目前主要从事PHP和前端开发,使用Laravel和VueJs,App端使用Apicloud混合式开发。合适和够用是最完美的追求。 个人网站:http://www.linganmin.cn 最近刚写了一个手机在线播放的H5电影站:http://www.ifi ...
分类:
其他好文 时间:
2020-03-21 14:43:11
阅读次数:
48
背景 在一个vue结合elementui的项目实现点击再一次增加会员的按钮时,清空上一次输入框里的数据,采用 ,但是却报错,无法获取dom。那么此时快速的解决办法就是使用this.$nextTick()方法。 使用场景 this.$nextTick()方法主要是用在随数据改变而改变的dom应用场景中 ...
分类:
其他好文 时间:
2020-03-15 20:25:49
阅读次数:
73
http://kazupon.github.io/vue-i18n/zh/guide/lazy-loading.html 一次加载所有翻译文件是过度和不必要的。 因为可能一直用中文,那么就不会用到英文的数据,就没必要去加载。只在请求的时候去加载它 1.新建i18n.js import Vue fro ...
分类:
编程语言 时间:
2020-03-04 14:45:22
阅读次数:
294
1、如何理解MVVM原理? 2、响应式数据的原理是什么? 3、Vue中是如何检测数组变化? 4、为何Vue采用异步渲染? 5、nextTick实现原理? 6、Vue组件的生命周期? 7、Ajax请求放在哪个生命周期中? 8、何时需要使用beforeDestroy? 9.、Vue父子组件 生命周期调用 ...
分类:
其他好文 时间:
2020-03-02 00:57:00
阅读次数:
243
iview Modal 确定按钮loading let _this = this setTimeout(() => { _this.btnLoading = false; _this.$nextTick(() => {_this.btnLoading = true;}); }, 100) 2 thi ...
分类:
其他好文 时间:
2020-02-27 13:09:43
阅读次数:
166
<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <s ...
分类:
其他好文 时间:
2020-02-13 14:50:24
阅读次数:
60