我正在使用 vue2.5。我只是想讓 vue 之外的變數（傳統的 javascript 或 jquery）訪問 vue 模型中的屬性。在這種情況下，屬性是 sun。我希望將在太陽中找到的資料顯示在 Const 星球中。我怎樣才能使它作業？我嘗試使用 const planet = $app.sun 但這不起作用。不知道如何使這項作業。請看我的例子
const planet=""
//document.getElementById("cat").append("myName");
new Vue({
el: "#app",
data: {
earth:"this is a ball",
sun:"s",
},
methods: {
toggle: function(){
this.sun="a ball of stars"
}
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
{{sun}}
<br>
<button v-on:click="toggle()">magic
</button>
<div id="planet">
</div>
</div>uj5u.com熱心網友回復：
您可以在變數中設定 Vue，然后訪問$data：
var vm = new Vue({
el: "#app",
data: {
earth:"this is a ball",
sun:"s"
},
methods: {
toggle: function(){
this.sun="a ball of stars"
}
}
})
const planet = vm.$data.sun
document.getElementById("cat").append(planet);<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
{{sun}}
<br>
<button v-on:click="toggle()">magic</button>
<div id="planet">
</div>
</div>
<p>outside of Vue</p>
<div id="cat"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/460833.html