Javascript Vue.js在何处存储非组件数据属性？

我正在使用Vue.js进行一个项目，我大部分时间都使用组件，但有时我只想添加一些Vue.js语法，而不完全创建组件

因为我不像您通常使用的那样使用渲染，所以Vue附加到的整个HTML内容不会被覆盖，从而允许我在现有HTML上使用一些Vue.js语法

new Vue({
    el: '#vue',
    name: 'Vue root',
    data: {
      store
    },
    components: {
        Example
    }
});

向现有HTML添加一些Vue.js语法的示例如下：；保持两个输入彼此同步，例如：

index.html上的表单一

<input type="text" attributes... v-model="store.arrival">

<input type="text" attributes... v-model="store.arrival">

index.html上的表格二

<input type="text" attributes... v-model="store.arrival">

<input type="text" attributes... v-model="store.arrival">

在我介绍这家商店之前，我收到一条信息，内容大致如下：

[Vue warn]：属性或方法“arrival”未在实例上定义，但在渲染期间被引用。确保在数据选项中声明反应数据属性。 （在根实例中找到）

这导致我引入了这个存储，因为我不想通过在空间中保留这些浮动的

属性（因为它们不属于某个组件）

属性的概述，从而使我的根组件的数据属性在该文件中膨胀

我喜欢将Vue语法添加到现有HTML中的能力，但这感觉像是一种糟糕的做法

有没有更好的方法来存储这些变量，而不是存储在存储中（存储会很快变得拥挤）？还是我应该把所有的东西都放到组件中？这也会导致问题，因为如果需要的话，我不得不将PHP变量之类的东西转换成Javascript

希望这是清楚我的意思，谢谢阅读，我你需要更多的信息让我知道

---

干杯。

从您的问题中可以看出，您觉得使用Vue的数据属性而不是组件，或者将Vue指令添加到存在于Vue元素中的HTML中是做错了什么

---

这没什么问题。Vue文档的页面会执行此操作。这是开始将Vue与各种web框架集成的一种方便方法。我认为没有人认为这是一种不好的做法。如果有人这样做了，谁在乎呢？

我不太清楚你的期望，但我认为mixins会帮你。你调查过了吗？我真的不认为没有存储就可以让某些东西正常工作。例如，您发布的带有输入的示例需要一些初始数据到特定v-model的vue实例中，因此您必须在vue实例中导入存储数据，然后才能将新属性附加到v-model。