Angerla丶松

摘要： var body = document.body; body.addEventListener("click", async function () { var stream = await navigator.mediaDevices.getDisplayMedia({ video: true } 阅读全文

摘要： 1、设置淘宝镜像源： npm config set registry https://registry.npmmirror.com/ 2、查看当前镜像源： npm config get registry 3、设置官方镜像源： npm config set registry https://regis 阅读全文

摘要： nvm ls ：列出所有已安装的 node 版本 nvm ls-remote ：列出所有远程服务器的版本（官方node version list） nvm list ：列出所有已安装的 node 版本 nvm list available ：显示所有可下载的版本 nvm install stable 阅读全文

摘要： 1.使用npm安装： npm init @vitejs/app 如果遇到报错请使用下面的命令 npm install -g create-vite-app 2.使用vite创建vue3项目： npm init vite-app projectName 3.安装依赖，运行项目： cd projectN 阅读全文

摘要： 1.异步组件使用场景：vue为单页面应用，同步加载大量的页面代码会导致页面长时间处于空白情况。 <template> <div id="center"> <span>我是主体内容部分</span> <Suspense> <template #default> <C></C> </template> 阅读全文

摘要： 1.默认插槽的使用： 子组件： <template> <div class="a"> <div>我是A子组件</div> <slot></slot> </div> </template> <script setup lang="ts"> import { ref } from 'vue'; </sc 阅读全文

摘要： <template> <Headler></Headler> <div class="content"> <Menu ref="menus"></Menu> <Content></Content> </div> </template> <script setup lang="ts"> import 阅读全文

摘要： 子组件： <template> <div>我是左侧内容<button @click="handleClick">向父组件派送数据</button></div> </template> <script setup lang="ts"> import { ref, reactive } from 'vu 阅读全文

摘要： 父组件： <template> <Headler title="我是父组件传递的值" :list="list"></Headler> <div class="content"> <Menu></Menu> <Content></Content> </div> </template> <script 阅读全文

摘要： <template> <div>{{ obj.name }}</div> <div>{{ obj.age }}</div> </template> <script setup lang="ts"> import { ref, reactive, onBeforeMount, onMounted, o 阅读全文