vue 中如果定义全局变量？ 并且这个变量可以在子组件中 v-model

Question

vue 中如果定义全局变量？ 并且这个变量可以在子组件中 v-model。

尝试方案1：使用 Vue.prototype.$appName = 'My App'; 改变值 v-model 没有生效；

尝试方案2： 使用 mixin ，每一个 组件都会生成一个 变量， 组件与组件之间的变量都是独立的；

尝试方案3：使用vuex, 但是使用了vuex 之后每一个 组件都是要写 mapState。

请问一下 在不使用vuex的情况下， 有没有全局的变量， 每一个组件都可能调用到？ 还可以v-model？

Answer 1

const store = Vue.observable({value:'123'})

v-model="store.value"

Answer 2

我觉得可以使用eventBus，别用v-model了，直接就监听eventBus.$on就行了

Answer 3

不太清楚，我是用vuex写在computed get set 这样

Answer 4

可以在main.js中new Vue时定义一个data并添加变量，子组件用this.$root访问变量