qq_42753705的博客

nuxt3vue官方推荐的最好用，生态最全的nuxt3服务端渲染ssr框架vue3推荐使用script setup语法糖vue-router路由lesscss预处理器动画效果swiper公认最好用的轮播插件基于vue3的UI组件库pinia传说中的vuex5vueuseVue3组合式API的工具集lodashdayjsqsi18n多语言国际化化github项目地址：https://github.com/JasonMa-95/nuxt3-ssr-tempthanks!

示例代码如下：在浏览器内，在 前面打个debug进入调试可以发现修改a.value时候，触发了vue3响应式函数的setter函数，setter函数内检测到有数据改变了，会去调用从而触发了试图的更新，所以当同时修改shallowRef定义的深层数据时，由于试图被触发了，msg的最新数据也会被更新到视图上所以当我们注释之后，就能达到正常的预期，修改深层数据而不会触发试图更新；官方推荐在修改shallowRef所定义的深层数据后，使用去主动触发更新，而不是通过这种不规范的方式。...

v-model指令的原理是什么？v-bind绑定一个value属性v-on监听当前元素的input事件，当数据变化时，将值传递给value实时更新数据v-model和v-bind:value有什么区别？自定义组件中，必定会使用v-bind指令来实现组件之间值的传递，所以在我还是菜鸟的那段时间，我一直有个疑惑， 既然有的v-bind指令，为什么还需要在自定义的组件中实现v-model指令呢？在我实践了一番之后，我才明白， v-model既能够实现值的传递，也能够实现页面数据的实时变化，而v-bin

方式1：定义全局的CSS变量App.vue：<style>/* 定义全局的css变量 */:root { /* 背景色 */ --theme_bg_color: red; /* 按钮颜色 */ --theme_button_color: yellowgreen;}</style>demo.vue（css）：<style scoped> /* 使用全局的css变量设置颜色 */.myButton { background: va.

HTML5 Web SQL 数据库Web SQL 是在浏览器上模拟数据库，可以使用 JS 来操作 SQL 完成对数据的读写。\Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员，应该很容易理解 SQL 的操作。Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。核心方法以下是规范中定义的三个核心方法：openDataba

直接上代码，总共测试了下面这些情况（看注释）<template> <h2>当前求和为：{{ sum }}</h2> <button @click="sum++">点我+1</button> <hr /> <h2>当前的信息为：{{ msg }}</h2> <button @click="msg += '！'">修改信息</button> <hr />

vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。Object.defineProperty(data, 'count', { get () {}, set () {}})存在问题：新增属性、删除属性, 界面不会更新。直接通过下标修改数组, 界面不会自动更新。Vue3.0的响应式