Question

我有一个使用CDN方法的Vue项目。但是，我需要使用路由器功能。因此，我找到了一个非常清晰的教程，该教程解释了如何在不必使用CLI和Webpack等的情况下设置路由。https://www.mynotepaper.com/vue-js-routing-from-scratch-using-cdn-without-cli.html

我现在有3条路线，如演示中所示，它们相应地更新了我的视图。但是，我不知道如何添加，访问和使用数据。下面停止了我的应用程序的工作。错误显示消息未定义。

var Home = {
    template: `
    <div>
        <div>
            {{message}}
        </div>
    </div>
    `,
    data: {
        message: 'Hello'
    }
};

Answer 1

我将声明一个新组件，如下所示：

Vue.component('Home', {
template: `<div><div>{{ message }}</div></div>`,
data() {
    return { message: 'hello' }
}
});

Answer 2

感谢大家的帮助。这是一个可行的解决方案。

var Home = {
    template: `
    <div>
        <div>
            {{message}}
        </div>
    </div>
    `,
    data() {
        return { 
          message: 'hello'
        }
    }
};

如何添加和使用Vue模板中的数据？

2 个答案: