Asp.net mvc 为什么我的MVC RazorView文本区域在绑定到VueJS v-model时被清除？

以下是我的cshtml：

@Html.TextAreaFor(model => model.Content, new { @class="form-control", @style = "max-width:800px", @v_model = "content" })

这是我的VUEJ

var app = new Vue({
    el: '#app-pagecontent-edit',
    data: {
        editorType: 'plainText',
        content: ''
    },
    methods: {
    }
})

问题是最初由MVC viewmodel填充的数据没有显示出来。它正在卸货。这是怎么回事？我需要MVC和VueJS之间的双向绑定。

这在Vue中有描述

v-model

将忽略在任何表单元素上找到的初始

值

、

选中的

、或

选中的

属性。它将始终将Vue实例数据视为真相的来源。您应该在组件的

data

选项内的JavaScript端声明初始值

如果您的Vue应用程序源代码是同一MVC视图的一部分，您可以在那里指定初始值，但我不建议这样做，因为结果很难读取和维护

---

唯一的其他方法是使用某种技术，以其他方式存储初始值，并在创建组件时初始化

v-model

。您可以找到一些解决方案-使用自定义指令似乎是一个非常清晰和优雅的解决方案…

我会给您评分，因为您给了我一个答案。我最终找到了一条绕过它的路。