导入页面组件替代 vue.js答案

【问题标题】：Import page component alternative vue.js导入页面组件替代 vue.js
【发布时间】：2019-11-04 23:08:59
【问题描述】：

我正在使用带有 vue.js 的普通 PHP 站点并想要导入组件，我看到导入仅适用于 node 和 vue？有解决办法吗？我真的没那么好。

导入和需要 js 页面

import settings from 'settings.html';
Vue.component('app-settings', settings);
import Form from 'settings.js';

&lt;script src="https://cdn.jsdelivr.net/npm/vue"&gt;&lt;/script&gt;

Uncaught SyntaxError: Unexpected identifier

【问题讨论】：

我很抱歉简短的描述，这真的让我很沮丧，因为所有的教程都是 npm vue 版本的。我在 assets/js 文件夹中创建了一个名为 settings.js 的文件。这也是我的 app.js 文件的位置，我想在其中包含所有组件，例如我在此处粘贴的 sn-p 中的组件。

标签： php vue.js vue-component

【解决方案1】：

VueJS 建立在 ES6 之上，因此 vuejs 需要 babel 才能工作。注意：我真的不知道你为什么要使用 vuejs 和纯 PHP，你应该制作一个PHP API，为前端提供数据的API，你不能在一个文件中使用 PHP 和 VueJS，因为 vuejs 代码必须通过 babel 传递。你应该做一个 PHP API（RESTful API 或 Graphql），然后你会使用 axios、fetch 或 Apollo 等从 API 获取数据到前端。

【讨论】：