vue.js没有数据渲染

时间:2019-03-02 05:21:57

标签: html css vue.js

我正在尝试阅读基本的vue教程。最近,我必须进行了一些更改,以阻止vue.js中的任何内容在页面上呈现,而且我似乎找不到原因。示例:它不显示data.product的值,而是显示{{ Product }}。在此先感谢您的帮助!
以下是gitlab项目仓库的链接:project link

1 个答案:

答案 0 :(得分:1)

如果您打开浏览器的DevTools,我很确定您会看到Uncaught ReferenceError。因为在您的main.js文件中,您两次引用了不存在的变量。在您的variants-array中,您将Green的{​​{1}}和Blue用作变量,但未定义任何变量。从上下文来看,我猜您只是想在页面上将这两个值显示为字符串,因此必须通过添加单引号或双引号将字符串分配给variantColor变量。

在您的variantColor内将变量数组更改为此:

main.js