亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Vue 組件可以訪問 App.vue 中的變量嗎?
P粉491421413
P粉491421413 2024-01-06 09:54:21
0
2
524

我在 Vue.js 中有一個(gè)應(yīng)用程序,其中有一個(gè)像這樣的 App.vue:

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',

 data() {
    return {
      user: null,
    }
  },

  methods: {
       getUser() {
        axios 
        .get(`auth/user/`)
        .then(response => {
          this.user=response.data.pk
        })
      }
  },

  beforeMount() {
    this.getUser();
  },
}
</script>

我可以以某種方式從其他組件訪問用戶變量嗎?我應(yīng)該如何導(dǎo)出和導(dǎo)入它才能成功?

P粉491421413
P粉491421413

全部回復(fù)(2)
P粉549412038
  1. $root.someVariable

在 Vue 2 中工作,未在 3 中測(cè)試。

P粉488464731

你可以:

  1. 將其作為 prop 傳遞
    • 注意:要從子組件更改它,您應(yīng)該發(fā)出一個(gè)事件告訴 root 更新它。不要嘗試直接在子代中對(duì)其進(jìn)行突變。
  2. 使用提供/注入
  3. 用戶移至共享狀態(tài)解決方案,例如VuexPinia
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板