vue3技术点
KingIQueen
这个作者很懒,什么都没留下…
展开
-
vue3.0技术——Teleport使用
原创 2021-11-21 18:06:13 · 369 阅读 · 0 评论 -
vue3技术Suspense使用
原创 2021-11-21 18:04:32 · 585 阅读 · 0 评论 -
mock数据 json-server
全局安装json-servernpm install json-server -g项目中创建db.json执行 json-server --watch db.json 启动项目中安装json-servernpm install json-server -D项目中创建文件夹__json_server_mock__,文件夹创建db.json文件在packge.json中配置启动npm run json-server...原创 2021-10-30 20:52:12 · 85 阅读 · 0 评论 -
vue3技术点 - 全局挂载
在main.js中import { createApp } from 'vue'import request from './utils/request'const app = createApp(app)app.config.globalProperties.$request = request //设置封装全局调用axios方法this.$request()axios二次封装原创 2021-10-31 11:30:47 · 329 阅读 · 0 评论 -
vue3 teleport用法
app.vue文件中<div id="app"></div><div id="modal"></div>在modal.vue组建中<template> <teleport to="#madal"> <div>this is a modal</div> </teleport></template>在其他组件中引用modal组件使用原创 2021-10-31 11:43:10 · 131 阅读 · 0 评论 -
vue3中emit子组件使用
原创 2021-10-31 11:51:15 · 346 阅读 · 0 评论 -
vue3中suspense使用
<Suspanse> <template #default> // 自定义组件 <async></async> </template> <template #fallback> <h1>Loading !...</h1> </template></Suspense>自定义异步子组件...原创 2021-10-31 11:57:21 · 353 阅读 · 0 评论 -
vue3 中获取dom节点
<div ref="dropRef"></div><script lang="ts"> import {defineComponent, ref} from 'vue' export default defineComponent({ name:'Dropdown', setup(){ const dropRef = ref<null | HTMLElement>(null.原创 2021-10-31 22:15:46 · 733 阅读 · 0 评论