How to use vue.js in a non-spa project?

Question

I am new to Vue.js, and I'm a little confused about how to use Vue.js in a non-spa project. In my case, I'm going to use JSF for my front-end, and I want to have some components just like button, filter and so on that can be used on different pages. Is there any tool that can convert .vue to pure .js so that I can include the .js in my jsf page? And the most important thing for me is, is there any tutorial or document about non-spa use that I can refer to?

There is no need to use single file components (.vue files). The best getting started tutorial is the documentation itself. vuejs.org/v2/guide/#Getting-Started — Bert
– Bert, Commented May 13, 2017 at 17:33

tony19 · Accepted Answer · 2022-07-17 23:40:55Z

3

The beginning of the Vue.js guide should explain this type of use. The .vue files are for convenience. You can still create Vue components in a regular .js file. For example (from the Vue.js guide):

Vue.component('todo-item', {
  template: '<li>This is a todo</li>'
})

edited Jul 17, 2022 at 23:40

tony19

140k24 gold badges281 silver badges354 bronze badges

answered May 13, 2017 at 17:57

LukeGeneva

5841 gold badge3 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

How to use vue.js in a non-spa project?

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