![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js学习
秋天该很好!
这个作者很懒,什么都没留下…
展开
-
vue.js学习笔记:对虚拟DOM的理解
1、虚拟DOM1.1本质虚拟dom其实就是一个普通的js对象,这个对象将vue模板内的标签、属性、数据写成对象的格式,同时将vue实例中的data和methods结合起来,添加到需要的标签对象属性中。1.2虚拟dom转真实dom我们从虚拟dom对象中读取标签名称属性,然后利用createlement创建元素,元素名称属性就从dom里面得到。1.3更新当数据发生改变,自动会根据新的数据生成新的虚拟dom,然后跟原来的虚拟dom做对比,如果某个元素变了,就对某个元素进行相应的操作,如果没原创 2022-04-10 02:51:51 · 735 阅读 · 0 评论 -
vue.js学习笔记:生命周期
1、生命周期1、生命周期是个很抽象的概念,但是在vue中可以理解为把vue从创建到销毁的一个个生命结点,生命周期函数实际上就是生命周期的具体化。当vue实例处于某个节点的时候去自动调用这些函数。2、生命周期函数1、beforCereatvue实例被创建,但是数据代理还没有,也无法访问data里面的数据和methods里的方法;2、Createdvue里存在了...原创 2022-04-10 02:36:17 · 164 阅读 · 0 评论 -
vue.js学习笔记:双向绑定Object.defineproperty()
1、Object.defineproperty()基本用法Object.defineproperty(para1,para2,para3)为对象添加属性,para1为要添加属性的对象名称,para2为要添加的属性名称,para3为属性的值,以及这个值的属性(包括能否删除、修改、遍历等)var student={ name:'wdx', school:'csu' } Object.defineProperty(student,'ID',{原创 2022-04-09 04:03:01 · 175 阅读 · 0 评论 -
vue.js学习笔记:audio标签实现钢琴弹奏
1、钢琴键盘布置1、html代码,在键盘内绑定CSS类white、black,用于切换当该键按下松开时的样式,使用v-on监听鼠标事件;<div id="app"> <!-- 钢琴键盘布局 --> <ul :style="{color:fontcolor}" @mouseup="presskey('up')"> <li><div :class="{white:index==1}"@mousedown="press原创 2022-04-06 23:36:52 · 781 阅读 · 0 评论