无法在 Vuejs 和 systemjs 设置中使用双花括号绑定数据

Question

我有一个 ASP.net mvc 项目，我在其中使用 Vuejs 和打字稿来呈现我的一个页面的部分内容。问题是我无法使用双花括号让我的数据显示在视图中，但是当我使用 v-text 时它可以工作。即这有效：<span v-text="name"></span>，但这不起作用：{{name}} .

我觉得这与我的 Systemjs 配置有关，因为当我直接在脚本标记中调用示例 js 文件时，我没有遇到这个问题，但是当我对同一个示例文件使用 systemjs 时，问题又来了.

没有 SystemJs 和作品：

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.js"></script>
<script src="~/Areas/Admin/Content/js/vuejs/EditProductVariantsController.js"></script>

使用 Systemjs 并且不起作用：

 SystemJS.config({
    packages: {
        '/Areas/Admin/Content/js/vuejs': {
            defaultExtension: 'js',
            map: {
                'Vue': '/Areas/Admin/node_modules/vue/dist/vue.js'
            }
        }
    }
});

SystemJS.import("/Areas/Admin/Content/js/vuejs/EditProductVariantsController.js");

这是我的 vuejs 代码：

var Vue = require("Vue");

new Vue({
  el: "#edit-product-variants",
  data: { name: "Mudi" }
});

我的页面要求我获取一些不会使用 {{}} 而不是 v-text 呈现的值，例如 "id" 和 v-for 块中的索引。

因为我使用的是打字稿，所以我不得不使用模块加载器，因此我使用了 SystemJs。请任何帮助将不胜感激。

Answer 1

所以我发现项目中也有 AngularJs 并且它有问题，因为 AngularJs 和 VueJs 都使用花括号。所以当我从项目中取出 Angular 时，一切正常。

无法在 Vuejs 和 systemjs 设置中使用双花括号绑定数据

Unable to bind data using double curly braces in a Vuejs and systemjs set up

javascript

asp.net-mvc

typescript

systemjs

vue.js