构建 vue js 文件

Question

这可能是一个非常基本的问题，所以请耐心等待我来自 jquery 背景，我对如何在 Vue 中构造代码有点困惑。

我有一个 laravel 项目设置了 vue.js 所以一个 app.js 文件。 假设我在 app.js 中有一组用于注册用户的指令：

const app = new Vue({
    el: '#app',
    data: { 
        errors: [],
        email:null,
        first_name:null,
        last_name:null,
        ...
    },
    methods:{
            register: function (e) {
//Do stuff
}
});

现在，如果我现在想为另一个页面编写代码，比如说一个用于列出用户的 crud 应用程序，我应该在哪里编写 Vue 代码？ 我想我可以添加到我的 app.js 文件中，但我很快就会得到一个巨大的 app.js 文件，我不想在不需要它们的页面中公开方法。

这样做的正确方法是什么，我想某处一定有某种路由？

Answer 1

在 Vue 中，您可以使用组件来实现不同的页面广告，即使在页面内部也可以创建子组件。 每个组件都由模板组成，即 HTML 代码、脚本及其各自的样式。 使用组件使代码更易于维护、可重用和易于理解。 您可以查看此链接以了解有关组件的更多信息： https://v2.vuejs.org/v2/guide/components.html

对于路由，有一个 Vuejs 的官方路由器，即 Vue 路由器。 您可以在https://router.vuejs.org/上找到有关路由器的更多信息。