Javascript 如何在vuejs v3中将道具传递给根应用程序组件?

Javascript 如何在vuejs v3中将道具传递给根应用程序组件?,javascript,vue.js,vuejs3,Javascript,Vue.js,Vuejs3,如何从主div文件夹传递一些变量: <div id="app" someVariable='some value' ></div> 您无法使用道具访问该属性,但可以使用一些普通的JSDOM,如document.getElementById(“app”).getAttribute(“someVariable”) const{ createApp }=Vue; 常量应用={ 道具:[“someVariable”], 数据()

如何从主div文件夹传递一些变量:

<div 
      id="app" 
      someVariable='some value'
></div>

您无法使用道具访问该属性,但可以使用一些普通的JSDOM,如
document.getElementById(“app”).getAttribute(“someVariable”)

const{
createApp
}=Vue;
常量应用={
道具:[“someVariable”],
数据(){
返回{
}
},
安装的(){
log(document.getElementById(“app”).getAttribute(“someVariable”))
}
}
常量应用程序=createApp(应用程序)
app.mount(“#app”)

VUE3应用程序

您无法使用道具访问该属性,但您可以使用一些普通的js DOM(如
document.getElementById(“app”).getAttribute(“someVariable”)

const{
createApp
}=Vue;
常量应用={
道具:[“someVariable”],
数据(){
返回{
}
},
安装的(){
log(document.getElementById(“app”).getAttribute(“someVariable”))
}
}
常量应用程序=createApp(应用程序)
app.mount(“#app”)

VUE3应用程序

我认为本主题的答案更灵活:我认为本主题的答案更灵活:
    name: "App",
    components: {
    },
    props: {
        someVariable: {
            type: String,
            default: "-"
        
    }
}