我正在尝试阅读基本的vue教程。最近，我必须进行了一些更改，以阻止vue.js中的任何内容在页面上呈现，而且我似乎找不到原因。示例：它不显示data.product的值，而是显示{{ Product }}。在此先感谢您的帮助！以下是gitlab项目仓库的链接：project link
最佳答案
我非常确定，如果打开浏览器的DevTools，将会看到Uncaught ReferenceError。因为在您的main.js文件中，您两次引用了不存在的变量。在您的variants-array中，您将Green和Blue用作variantColor作为变量，但未定义任何变量。从上下文来看，我猜您只是想在页面上将这两个值显示为字符串，因此您必须通过添加单引号或双引号将字符串分配给variantColor变量。
在您的main.js内部，将变量数组更改为此：
...
variants: [
{
variantId: 2234,
variantColor: 'Green'
},
{
variantId: 2235,
variantColor: 'Blue'
}
]
...