直接上代码： mounted() { this.CS(); }, methods: { CS() { var data = [{ "name": "C", "size": 240, "data": 57 }, { "name": "F", "size": 520, "data": 42 }, { " ...
分类：
编程语言 时间：
2020-05-18 18:46:31
阅读次数：
169
1.加载渲染过程 父beforeCreate=》父created=》父beforemount=》子beforeCreate=》子created=》子beforemount=》子mounted=》父mounted 2.子组件更新过程 父beforeUpdate=》子beforeUpdate=》子upd ...
分类：
其他好文 时间：
2020-05-15 17:25:35
阅读次数：
57
Vue 的父组件和子组件生命周期钩子函数执行顺序可以归类为以下 4 部分： 加载渲染过程 父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted ...
分类：
其他好文 时间：
2020-05-15 10:10:31
阅读次数：
58
组件生命周期： beforeCreate 实例已经开始初始化之后调用 【数据初始化未完成，页面没有开始渲染】 created 实例创建完成之后调用 【组件创建完成，不代表组件已挂载到页面】 beforeMount 在挂载开始之前被调用。 mounted 挂载到实例上去之后调用。 注意：此处并不能确定 ...
分类：
移动开发 时间：
2020-05-14 15:33:17
阅读次数：
373
scroll事件是绑定在body上，如果页面的滚动不是body的滚动，而是他的子集设置了overflow:sroll的i情况，在绑定事件时可以开启捕获，这样就可以监听到子集的滚动事件 mounted() { window.addEventListener("scroll", function (e) ...
分类：
其他好文 时间：
2020-05-12 20:02:47
阅读次数：
190
前言: 有看到,打开某博客后,切换到其他页面,该博客标签栏标题随之发生改变,切回去后,标题显示:欢迎回来,2s后更改为原标题 感觉很酷炫,怎么能不学一下喽 查询后发现有一个监听标签栏更改的事件: visibilitychange ,那就他了 上代码: mounted() { // js监听浏览器切换 ...
分类：
Web程序 时间：
2020-05-12 13:26:52
阅读次数：
69
在vue开发中，因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。解决方案==>可以采用下面的方式 window.onresize = () => this.screenWidth = window.innerWidth // 改为以下写法 ...
(这一部分叫做 初始化阶段 ，从_init到created钩子间， 后面是模板编译的阶段 模板编译阶段会一直到 beforeMount 然后进入挂载阶段 到Mounted 最后是卸载阶段 ） ...
分类：
Web程序 时间：
2020-05-10 15:29:07
阅读次数：
90
Vue的生命周期函数，其实就是Vue开发者设定的一些hook钩子，你只要往hook里面编写代码，它就可以执行。如vue实例里的beforeCreate、created、mounted等，都是钩子。
但是你可能不知道，在Vue当中，触发钩子函数的时候，也会向父组件`$emit`一个事件，称之为`hoo... ...
分类：
其他好文 时间：
2020-05-10 10:54:47
阅读次数：
74
首先你要知道 this.$refs 是干嘛的 ？ 直接上图 也就是对于 dom进行操作 当你再created中使用 this.$refs时 dom没有加载成功 所以为undefined 所以你要是想获取 1、要么写在mounted中 dom已经加载完成 2、使用this.$nextTick（func ...
分类：
其他好文 时间：
2020-04-23 12:33:05
阅读次数：
1049
