03 2024 档案

nuxt3_配置环境变量
摘要：配置.env文件 在根目录下添加不同的环境文件 .env.dev NUXT_PUBLIC_API_BASE=http://192.168.110.209:8000 NUXT_API_KEY=my-api-key-dev NUXT_TEST_VARIABLE=dev NUXT_TEST_TEST_VA 阅读全文
posted @ 2024-03-29 12:23 Syinho 阅读(590) 评论(0) 推荐(0) 编辑
vue3_defineExpose的用法
摘要：目录常规示例子组件: /components/testCom1.vue父组件: App.vue监听defineExpose返回的数据的变化实现子组件向父组件传递数据父组件中修改子组件defineExpose抛出的数据, 实现父组件向子组件回传数据 官网说明 defineExpose用于子组件向其父组 阅读全文
posted @ 2024-03-29 00:20 Syinho 阅读(373) 评论(0) 推荐(0) 编辑
js_获取css的@media screen的值
摘要：需求场景 在适配移动端的过程中, 可以通过@media screen 来设定屏幕宽度在指定条件下的元素样式; 现要求在pc端与移动端有不同的html结构, 可以使用window.matchMedia进行判断并实现条件渲染 代码 假设我以900px作为pc端与移动端的分界 window.addEven 阅读全文
posted @ 2024-03-28 00:25 Syinho 阅读(85) 评论(0) 推荐(0) 编辑
nuxt3_在nuxt3中创建并使用全局sass样式文件
摘要：在/assets/scss/global.scss中写入样式 $black: #000; $height: 1666px; .test { color: red; background-color: $black; height: $height; } 在/nuxt.config.ts文件中写入如下 阅读全文
posted @ 2024-03-13 13:29 Syinho 阅读(896) 评论(0) 推荐(0) 编辑
yarn_安装与使用
摘要：yarn的安装 npm i yarn -g yarn设置镜像源 查看全局镜像源: yarn config get registry 更换淘宝镜像源: yarn config set registry https://registry.npmmirror.com 恢复yarn官方镜像源: yarn c 阅读全文
posted @ 2024-03-01 23:59 Syinho 阅读(48) 评论(0) 推荐(0) 编辑