javascript - 构建 vue js 文件
问题描述
这可能是一个非常基本的问题,所以请耐心等待我来自 jquery 背景,我对如何在 Vue 中构造代码有点困惑。
我有一个使用 vue.js 设置的 laravel 项目,所以只有一个 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 文件,我不想在不需要它们的页面中公开方法。
这样做的正确方法是什么,我想某处一定有某种路由?
解决方案
在 Vue 中,您可以使用组件来实现不同的页面广告,即使在页面内部也可以创建子组件。每个组件都由模板组成,即 HTML 代码、脚本及其各自的样式。使用组件使代码更易于维护、可重用和易于理解。您可以查看此链接以了解有关组件的更多信息:https ://vuejs.org/v2/guide/components.html
对于路由,有一个 Vuejs 的官方路由器,即 Vue 路由器。您可以在https://router.vuejs.org/上找到有关路由器的更多信息。
推荐阅读
- go - 谁在 Visual studo 代码中对 golang 进行类型检查?
- apache-kafka - 带有 kafka 源、kafka 接收器和内存通道的 Apache 水槽 - 抛出 UNKNOWN_TOPIC_OR_PARTITION
- mongodb - 在 Postgres 中使用条件总和复制 MongoDB $bucket
- javascript - 隐藏父 div 时,Google 地图边界/缩放不起作用
- actionscript-3 - 使用 actionscript 3 从网站中提取特定信息
- vue.js - 如何在 vuejs 中使用 javascript 在转换中使用三元运算符?
- discord.js - 静音命令 discord.js v12
- data-structures - 循环中 n/2 的大 O 表示法
- c++ - 当我在对象名称后使用括号时未调用用户定义的构造函数
- spring-boot - ReactiveCrud,如何在删除数据之前延迟片刻而不阻塞IO