Как я могу передать некоторую переменную из основной папки div:
<div
id="app"
someVariable='some value'
></div>
и использовать его как опору в основном компоненте приложения в VueJS v3.0:
name: "App",
components: {
},
props: {
someVariable: {
type: String,
default: "-"
}
}
Вы не могли получить доступ к этому с помощью props, но вы могли получить значение этого атрибута с помощью некоторой Vanilla js DOM, например document.getElementById("app").getAttribute("someVariable")
const {
createApp
} = Vue;
const App = {
props: ["someVariable"],
data() {
return {
}
},
mounted() {
console.log(document.getElementById("app").getAttribute("someVariable"))
}
}
const app = createApp(App)
app.mount('#app')<script src="https://unpkg.com/[email protected]/dist/vue.global.prod.js"></script>
<div id="app" someVariable='some value'>
Vue 3 app
</div>