带有 vue 2 组件的 vue 路由器不适用于 laravel 5.8

Posted

技术标签:

【中文标题】带有 vue 2 组件的 vue 路由器不适用于 laravel 5.8【英文标题】:vue router with vue 2 component not working with laravel 5.8 【发布时间】:2019-11-03 22:36:27 【问题描述】:

我的 vue 组件工作正常,但是当我想要它与 vue 路由器时,它无法找到组件

【问题讨论】:

Vue.component,全局导入组件以供整个应用程序使用,在这种情况下,我认为 vue-router 没有获取 MyHome 组件,现在尝试将其导入 app.js import MyHome from "./components/MyHom.vue" 【参考方案1】:

尝试如下。

component: Vue.component("Home", require("./Myhome").default)

你不需要用这种方式导入它。

希望对你有帮助。

【讨论】:

【参考方案2】:

问题在于这段代码

path:'home,component:MyHome

所以错误的原因是,没有MyHome 变量持有任何组件权利。您只需使用 Vue.Component 注册您的组件即可直接注册您的组件。

解决方案

所以现在要解决这个问题,正如 Johhn 所说,导入您的组件并将其存储在变量中,然后将该变量传递给您的路由,如下所示。

import MyHome from "./components/MyHome.vue"

path:'home,component:MyHome

【讨论】:

注意 "" @Karan Sadana 路线:[ path: '/home', component: component:MyHome ] @MahdiBahari 我只是向他展示了回家的道路,所以不包括那个方形 barakets'[]'

以上是关于带有 vue 2 组件的 vue 路由器不适用于 laravel 5.8的主要内容,如果未能解决你的问题,请参考以下文章

Vue 2 单文件组件不适用于仅运行时构建

ESlint 不适用于带有打字稿的 .vue 文件

Tailwind 不适用于带有 Sass 的 vue 4.3.1

为啥 css 不适用于 vue 中一个应用程序的组件到另一个应用程序中

vue - 样式不适用于同一文件中的额外组件

Vue 路由器、GitHub 页面和自定义域不适用于路由链接