Vue.js $插值的问题

8tntrjer 于 2023-03-03 发布在 Vue.js

关注(0)|答案(1)|浏览(207)

我是新的Vue.JS和不是Maven与Javascript.我正在看教程，这是使用Vue 2，尽快我会切换到v3.我有问题，复制一个简单的代码.这里的代码：

var app = new Vue({ el: "#app", data: { name: "Mike" }, methods: { getFullName() { return 'Name: ${this.name}'})

它甚至不能在控制台上工作，它返回的字符串是：名称：${this.name}
尝试将name的值分配给getFullName方法内的局部变量，但仍不起作用。

1条答案

您应该在getFullName方法中使用反勾号。

var app = new Vue({ el: "#app", data: { name: "Mike" }, methods: { getFullName() { return `Name: ${this.name}`})