![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
�H�
这个作者很懒,什么都没留下…
展开
-
vue-组件通讯的方式
父子组件通信绝大部分vue本身提供的通信方式,都是父子组件通信prop最常见的组件通信方式之一,由父组件传递到子组件event最常见的组件通信方式之一,当子组件发生了某些事,可以通过event通知父组件style和class父组件可以向子组件传递style和class,它们会合并到子组件的根元素中示例父组件<template> <div id="app"> <HelloWorld style="color:red" c原创 2021-11-09 14:53:23 · 89 阅读 · 0 评论 -
vueRouter原理
前端路由分为两种模式,分别是hash模式和history模式hash模式原理实现是通过监听hashchange的改变进行无刷新渲染history原理通过调用history.pushState(无刷新插入历史状态,更新url)更新url,并且监听popstate回退键事件进行渲染1-hash模式 <-- router-link --> <a href="#/">首页</a> <a href="#/about">关于</a>.原创 2021-01-18 17:51:25 · 126 阅读 · 1 评论 -
vue响应式原理
响应式原理步骤:1、封装对象响应式defineReactive函数(步骤:① 递归 ② Object.defineProperty())2、数组的响应式(数组方法重写)① 将数组原型保存出来Array.prototype② 复制一份数组的原型,用来进行数组方法的重写,防止污染原有的数组原型Object.create()③ 枚举所有数组方法,将数组方法进行重写3、封装监听observer函数,监听某些数据的变化,判断监听的是数组还是对象,步骤:对象:①枚举对象,调用defineReactiv.原创 2021-01-17 17:31:35 · 77 阅读 · 0 评论