- 博客(8)
- 收藏
- 关注
RSS订阅原创 自定义指令和钩子函数
vue中的自定义指令：vue中除了核心功能内置的指令外，也允许注册自定义指令。有的情况下，对普通DOM元素进行底层操作，这时候就会用到自定义指令。自定义指令又分为全局的自定义指令和局部自定义指令。全局自定义指令是通过Vue.directive('第一个参数是指令的名称',{第二个参数是一个对象，这个对象上有钩子函数})局部自定义指令：是定义在组件内部的，只能在当前组件中使用钩子函数：inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。bind：
2021-12-28 12:07:56
179
原创 vue虚拟dom，diff算法
想要理解虚拟dom首先要知道什么是虚拟dom？虚拟dom可以简单的用一句话概括，就是用普通的js对象来描述DOM结构，因为不是真实DOM，所以称之为虚拟DOM。虚拟dom是相对于浏览器所渲染出来的真实dom而言的，在react，vue等技术出现之前，我们要改变页面展示的内容,只能通过遍历查询dom树的方式,找到需要修改的dom,然后修改样式行为或者结构，来达到更新视图的目的。为什么要用虚拟DOM来描述真实的DOM呢？创建真实DOM成本比较高，如果用 js对象来描述一个dom节点，成本比较
2021-12-28 12:05:24
301
原创 vue组件通讯
1.父传子：在父组件的子组件标签上绑定一个属性，挂载要传输的变量。在子组件中通过props来接受数据，props可以是数组也可以是对象，接受的数据可以直接使用 props:["属性名"] props:{属性名:数据类型}2.子传父：在父组件的子组件标签上通过绑定自定义事件，接受子组件传递过来的事件。子组件通过$emit触发父组件上的自定义事件，发送参数3.兄弟组件传值：通过main.js初始化一个全局的$bus,在发送事件的一方通过$bus.$emit(“事件名”，传递的参数信.
2021-12-28 12:03:25
145
原创 vue中自定义过滤器
过滤器是对即将显示的数据做进一步的筛选处理，然后显示，过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据过滤器分为全局过滤器和局部过滤器全局过滤器全局过滤器是通过Vue.filter()来定义的，定义好后，它在所有组件中都可以使用。局部过滤器局部过滤器,定义在组件内部filters属性上.它只能在此组件内部使用.过滤器的使用方式是，在双花括号或v-bind中通过一个管道符来拼接,项目中使用过滤器：时间，价钱...
2021-12-28 12:02:10
169
原创 VUE生命周期AndVUE3.0改动
生命周期让我们在控制整个vue时更容易形成更好的逻辑，可以分为三个阶段，挂载阶段，更新阶段，销毁阶段创建前：beforeCreate() 只有一些实例本身的事件和生命周期函数创建后：Created() 是最早使用data和methods中数据的钩子函数挂载前：beforeMount() 指令已经解析完毕，内存中已经生成dom树挂载后：Mounted() dom渲染完毕页面和内存的数据已经同步更新前：beforeUpdate() 当data的数据发生改变会执行这个钩子，内存中的数据是新的，
2021-12-28 11:59:07
185
原创 VUE双向数据绑定和VUE3数据绑定
是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图,实现数据和视图同步。VUE3使用proxy替换Object.defineProerty使用Proxy的优势：可直接监听数组类型的数据变化 监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升 可直接实现对象属性的新增/删除...
2021-12-28 11:51:31
227
原创 常用的三种本地存储
本地存储分为cookie、localStorage、sessionStoragelocalStorage:数据会永久存储，除非代码或手动删除(5M)sessionStorage:数据只存在于当前会话，浏览器关闭则清空(5M)cookie:设计初衷是用来和服务器通讯，而不是本地存储，他只是被‘借用’到本地存储。(4k)Cookie有一些缺点：存储空间小，最大4k、http请求时需要发送到服务器，增加请求数据量、只能用document.cookie=’…’ 来修改，太过简陋localStor
2021-12-28 11:44:43
1028
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人