Vue Runtime create components-how does the webpack+vue initial page load multiple components?

problem description

I created two components such as the following:
/ / component A1
< template > 

<div>
    <div id="a1"></div>
</div>

< / template >

/ / component a2
< template > 

<div>
    <div id="a2"></div>
</div>

< / template >

/ / Home page code:
< body > 

<div id="app"></div>

< / body >

/ / vue instance
import Vue from "vue"
import A1 from". / a1.vue"
import a2 from". / a2.js"

var vm=new Vue ({

) 
el:"-sharpapp",
data:{
},
render:c=> c(a1),
router,
store

})

at present, this way of writing can only render the component A1 to the page. I want to change how to render A1 / A2 together in the runtime, and get other ways to load it into the page. Can it be realized at runtime?

Node.js javascript
Apr.05,2021

normally refers to other components in the main entrance, controls the switching of components by routing, or uses dynamic components. You can search the vue official website, dynamic components and routing

.

Previous: The problem of webpack4 picture path

Next: How does axios request a picture from a picture server and display it on img?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu