动态组件引用和动态js引用

目录

一.动态路由

1.html结构,动态组件

2.引入使用的api

3.写法

二.动态引入js

加载异步方法,引用js


一.动态路由

1.html结构,动态组件


2.引入使用的api

import { defineAsyncComponent,ref } from 'vue'

3.写法

 let tagname = ref()
  const qqq = ()=>{
       	const Son = defineAsyncComponent(() => import('./components/Son.vue'))
       tagname.value = Son
  }

二.动态引入js

加载异步方法,引用js

const buttonClick = async ()=>{
      let tagname = await import('./components/Son.vue')
      console.log(tagname);
  }

你可能感兴趣的:(javascript,vue.js,开发语言)