如何将 vue 组件导入 laravevel app.js 文件?

Posted

技术标签:

【中文标题】如何将 vue 组件导入 laravevel app.js 文件?【英文标题】:how to import vue component into laravevel app.js file? 【发布时间】:2021-06-13 12:17:55 【问题描述】:

我正在尝试将 vue 导入 laravel appjs 文件,但没有看到任何结果。 我的组件名为 Dash.vue,它位于 'resources\js\components'

下面的代码是我试过的

import Dash from 'resources\js\components';
    new Vue(

      components: 
       "Dash": YourComponent

    );

【问题讨论】:

你想在刀片中显示? 是的,先生。我是编码广告的新手,尤其是 vue。 你的路径不对。试试./components/Dash.vue 【参考方案1】:

尝试:

 import Dash from './resources/js/components/Dash';
     new Vue(

       components: 
        Dash

      );

【讨论】:

好的,我如何测试它是否有效。如何在刀片视图文件中显示它?我必须像普通的 js 文件一样包含它吗? 我不太明白这个问题...如果您想查看它并查看它是否有效,请尝试在Dash 组件的模板中写入一些内容。如果你看到它,那么它的工作原理

以上是关于如何将 vue 组件导入 laravevel app.js 文件?的主要内容,如果未能解决你的问题,请参考以下文章

如何将函数导入 Vue 组件?

如何将库导入vue组件?

如何将 svg 文件导入 Vue 组件?

如何将 scss 导入到我的 Vue 组件中?

如何将全局样式表导入组件 vue?

如何将外部 HTML 模板动态导入和解析到 Vue 组件中?