vue3- provide和inject依赖注入的优势在我们平时写项目中常常会建立很多的组件树，什么父子组件，爷孙组件都是很常见的,组件组件我们常常使用props来进行传值，但难免会遇到层级很深的传值，比如爷爷组件需要传值给孙子组件，就像下面这种情况 但是！！！实际上爸爸组件（图中的Footer组件）又不需要这个值，所以我感觉这样子传值会显得很捞，而且组件复用性变差。那我们有没有什么方式不经过爸
Vite + Vue /* :root { font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 400; color-scheme: light dark;
解决vite+vue3的跨域问题及其proxy原理
解决vite+vue3中跨域问题代理配置首先打开你的vite.config.js文件 修改如下配置 12345678910111213141516export default defineConfig({ plugins: [vue()], server: { hmr:true, //启动热更新，就是更改了代码自动刷新页面
mysql的基础函数
mysql基础函数字符串函数 lpad对于int类型的数据不起效果因为int不显示前面的零 数组函数 mod是取余的意思 日期函数 比如 select date_add(now(),interval 70 day) 约束普通约束 age int check(age>0&&age<=120) check这个约束是这样用，代表年
vue3-全局事件的使用
vue3-全局事件的使用前言对于全局事件总线，它是一种组件间通信的方式，可以让任意组件进行通信 它就相当于一个中间介质可以让组件通信，可以理解为他就是一个上帝，不参与组件，只负责通信 如下图 安装 vue3推荐使用mitt 安装mitt1npm install mitt mitt引入全局引入在main.js文件 1234import mitt from "mitt"cons
vue3修改第三方ui组件或者其他样式不生效
关于vue在添加scoped后修改第三方ui组件或者其他样式不生效废话最近一个项目，因为vue的实际开发经验少，一直修改el-table样式失效，苦苦找不到原因折磨死我了，啊啊啊啊啊！！！最后多方查找才找到其原因，痛煞老 原因我们常常在组件中加入scoped来防止组件间的样式污染，而scoped就是罪魁祸首，我们先说scoped的原理 scoped的原理在组件添加了scoped后发生的变化 vue
pinia的基础应用
pinia的基础使用pinia的安装只需要在终端输入 1npm install pinia 利用pinia定义一个store在vue3的main.js中 123import { createPinia } from 'pinia'app.use(createPinia()) 在相应的store的js文件中 其中pinia有两个写法 12345import
sass的基础应用
sass安装在安装之前建议先卸载旧版本 1npm uninstall sass-loader node-sass 然后进行安装 切记！！！ 如果你的node版本不是最新版，请指定版本安装 可前往这里查询node-sass - npm (npmjs.com) 至于node-sass和sass-loader的对应版本可自行查询百度 如果你的node是最新版可直接用以下命令行安装 1npm insta