在 PHP 应用程序中需要 .vue 单文件组件

Posted

技术标签:

【中文标题】在 PHP 应用程序中需要 .vue 单文件组件【英文标题】:Require .vue single file component in PHP app 【发布时间】:2018-10-14 15:26:56 【问题描述】:

我正在尝试在我的 php 应用程序中需要一个 .vue 单文件组件,但如果没有内联模板方法,我无法使其工作。 因此,由于我没有节点 main.js 来导入 Vue 并要求组件,我如何要求我的 .vue 或已编译的 .js 组件进行组件注册?

工作组件注册:

Vue.component('example-component', (
    template: "<div>The component template</div>"
));

不工作

Vue.component('example-component', require('./components/js/ExampleComponent.vue'));

谢谢!

【问题讨论】:

【参考方案1】:

试试这个:

Vue.component('example-component', require('./components/js/ExampleComponent.vue').default);

【讨论】:

感谢您的回复,但我收到了相同的错误消息:Uncaught ReferenceError: require is not defined 您尝试在浏览器中运行?检查这个:***.com/questions/19059580/… 哦,你是对的,太失败了。但是我已经尝试将 .vue 单个文件组件传递给 webpack vue-loader,当我包含编译后的 .js 文件时,我收到错误:Unknown custom element: - 你注册了组件吗正确吗?对于递归组件,请确保提供“名称”选项。

以上是关于在 PHP 应用程序中需要 .vue 单文件组件的主要内容,如果未能解决你的问题,请参考以下文章

认识单文件组件.vue 文件

vuejs 单文件组件.vue 文件

Delphi自定义组件如何在属性面板中实现打开文件的对话框?

在 Vue.js 单文件组件中使用 jQuery 插件

Vue.js:为啥我的单文件组件没有在我的模板中呈现/显示

如何在后台保持加载一个 vue.js 单文件组件?