Import page component alternative vue.js

Question

I'm using a plain PHP site with vue.js and want to import components, As I see import only works for node and vue? Is there a solution? I'm really not that good.

import and require js pages

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

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

Uncaught SyntaxError: Unexpected identifier

I'm sorry for the short description, it really frustrated me because all the tutorials are form the npm vue version. I created a file named settings.js in the assets/js folder. This is also the place for my app.js file where I wanted to include all the components like in the snippet I pasted in here. — Cortex Reader
– Cortex Reader, Commented Jun 22, 2019 at 10:52

Kamal Alhomsi · Accepted Answer · 2019-06-22 12:13:23Z

2

VueJS built on the top of ES6, so vuejs require babel in order to work. Note: I really do not know why you want to use vuejs and plain PHP, you should make a PHP API, API that provides data for front-end, you cannot use PHP and VueJS in one file because of vuejs code must pass on babel. you should make a PHP API (RESTful API or Graphql), and you will fetch data from API to the front by using axios, fetch or Apollo or whatever.

answered Jun 22, 2019 at 12:13

Kamal Alhomsi

6811 gold badge7 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Import page component alternative vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related