VUE 标签

ref是一个函数，用于创建一个包含响应式数据的引用对象。
ref函数可以接收原始数据类型与引用数据类型。
ref 函数创建的响应式数据，在模板中可以直接被使用，在JS 中需要通过.value 的形式才能使用。

import { ref } from 'vue';

const count = ref(0);
console.log(count.value); // 输出: 0
 
count.value++;
console.log(count.value); // 输出: 1

狮子...大约 2 分钟

vue2与vue3的区别

生命周期

钩子函数加 on
beforeCreate 和 created 包含在 setup 函数中
beforeDestroy 改为 onBeforeUnmount，destroyed 改为 onUnmounted

狮子...大约 3 分钟

vue路由

前言

传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大，而且用户访问速度也比较慢。

前端路由

你对前端路由/vue-router的理解？前端路由/vue-router的实现原理？

前端路由是基于hash模式和history模式实现的。
hash模式是通过监听浏览器的hashchange事件，当浏览器hash值（锚点#）部分发生变化，做出相应渲染。
优点：1.兼容性好，大部分浏览器都支持；2.不需要后端配合
缺点：1.外观上带#号；2.影响seo搜索
history模式是使用html5推出的historyAPI，使用popstate来监听变化，pushState和replaceState来实现渲染。
优点：1.有更符合浏览器链接的外观；2.利于seo搜索
缺点：1.兼容性较差；2.需要后端配合，非则可能出现404错误