![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
长岛冰茶。
Stay hungry, stay foolish.
展开
-
vue 自定义指令
使用 Vue.directive()定义全局的指令参数一:指令的名称。在定义的时候,指令名称前面不需要加 v- 前缀,调用时候必须添加参数二:是一个对象,在这个对象身上有一些指令相关的函数,这些函数可以在特定的阶段执行相关的操作代码语法 Vue.directive('指令名',{ bind:function(){}, inserted:function(...原创 2019-06-12 17:06:08 · 103 阅读 · 0 评论 -
Vue实例的生命周期
什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期。生命周期钩子:就是生命周期事件的别名而已。生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实例已经在内...原创 2019-06-12 17:22:30 · 112 阅读 · 0 评论 -
vue 中 computed、methods 和 watch 属性的使用和对比
computed、methods 和 watch 属性的使用下面使用一个姓名拼接案例来演示用法1.methods<div id="app"> {{ fullname() }} </div><script> var app = new Vue({ el: '#app', data: { firstName: 'Yudong', ...原创 2019-07-15 21:45:36 · 171 阅读 · 0 评论 -
Vue不兼容IE8的原因以及Object.defineProperty详解
本文转载自 https://www.cnblogs.com/zhangrunhao/p/7660931.html原因概述:Vue.js使用了IE8不能模拟的ECMAScript5特性. Vue.js支持所有兼容ES5的浏览器。Vue将遍历此对象所有的属性, 并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defindPrope...转载 2019-07-24 22:36:22 · 2751 阅读 · 0 评论 -
v-for中的:key到底有什么用
其实不只是vue,react中在执行列表渲染时也会要求给每个组件添加上key这个属性。要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法了。我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简单的假设:1...转载 2019-08-31 22:15:56 · 1741 阅读 · 2 评论