是阿瑶的博客呀~

解决this.$set()不更新问题

git修改远程跟踪分支

1、使用URLSearchParams 方法// 创建URLSearchParams实例const urlSearchParams = new URLSearchParams(window.location.search)// 把键值对列表转换为一个对象const params = Object.fromEntries(urlSearchParams.entries())2、使用split 方法function getParams(url) { const res = {} i

1、Vue3带来的新变化 性能提升（零成本：从vue2切到vue3就享受到） 首次渲染更快，diff算法更快，内存占用更少，打包体积更小，.... 更好的Typescript支持（在vue下写TS更方便了） 提供新的写代码的方式：Composition API 2、这些Vue2.0的语法不能用了vue3.0对于2.0版本的大部分语法都是可以兼容的（之前是怎么写的，现在也正常写），但是也有一些破坏性的语法更新，这个要格外注意:1、移除了vue实例上的$on方法 （..

1、watch使用的几种方法（1）通过watch监听data数据的变化，数据发生变化时，就会打印当前的值watch: { data(val, newval) { console.log(val) console.log(newval) }} （2）通过watch监听docData数据的变化，数据发生变化时，this.change_number++（使用深度监听）watch: { docData: { handl

react中数据发生变化（调用setstate时），render函数就会执行，重新生成一个新的虚拟dom，这个虚拟dom和旧的虚拟dom做比较，得出差异然后渲染。而vue组件中数据发生变化，由于数据变化会触发setter，由于vue组件中数据的getter的作用，收集了依赖，setter触发会根据这些依赖，生成新的虚拟dom，然后对比新旧虚拟dom进行渲染。react函数式组件思想 当你setstate就会遍历diff当前组件所有的子节点子组件, 这种方式开销是很大的, 所以reac...

1.安装插件yarn add babel-plugin-transform-remove-console -D2.修改 babel.config.js 配置// 项目在发布时需要用到的 babel 插件数组const proPlugins = [];// 如果当前是development开发环境或者是production生产环境，则使用去掉 console 的插件if (process.env.NODE_ENV === 'development' || process.env.NODE

1. 什么是路由?路由就是路径和组件的映射关系1.1 为什么使用路由?-->在一个页面里, 切换业务场景单页面应用(SPA): 所有功能在一个html页面上实现前端路由作用: 实现业务场景切换1.2 路由 - 组件分类.vue文件分2类, 一个是页面组件, 一个是复用组件.vue文件本质无区别, 方便学习和理解, 总结的一个经验src/views(或pages) 文件夹 和 src/components文件夹 页面组件 - 页面展示 - 配合路由用 ..

1. 路由之间是怎么跳转的？有哪些方式1、<router-link to="需要跳转到页面的路径">2、this.$router.push()跳转到指定的url，并在history中添加记录，点击回退返回到上一个页面3、this.$router.replace()跳转到指定的url，但是history中不会添加记录，点击回退到上上个页面4、this.$touter.go(n)向前或者后跳转n个页面，n可以是正数也可以是负数2. vue-router怎么配置路由在vue中配

1. vue生命周期一组件从 创建 到 销毁 的整个过程就是生命周期

$nextTick是Vue更新DOM-异步的例如:点击count++, 马上通过"原生DOM"拿标签内容, 无法拿到新值,因为DOM更新是异步的<template> <div> <p ref="myP">{{ count }}</p> <button @click="btn">点击count+1, 马上提取p标签内容</button> </div></template>

作用功能：style上加scoped, 组件内的样式只在当前vue组件生效,实现组件的私有化，不对全局造成样式污染，表示当前style属性只属于当前模块.但是,虽然方便但是我们需要慎用，因为当我们使用公共组件时会造成很多困难，增加难度.实现原理：在style上加入scoped属性, 就会在此组件的标签上加上一个随机生成的data-v开头的属性,而且必须是当前组件的元素, 才会有这个自定义属性, 才会被这个样式作用到...

Vue用diff算法,新虚拟DOM和旧虚拟DOM比较:情况1:根元素变了,删除重建旧虚拟DOM:<div id="box"> <p class="my_p">123</p></div>新虚拟DOM:<ul id="box"> <li class="my_p">123</li></ul>情况2: 根元素没变, 属性改变, --->元素复用, 更新属性旧虚拟.