如何在非单页应用项目中使用vue.js？

Question

我是一名新手，对于如何在非spa项目中使用Vue.js感到有些困惑。在我的情况下，我将使用JSF作为前端，并且我希望有一些组件（例如按钮，筛选器等）可以用于不同的页面。是否有任何工具可以将.vue文件转换为纯.js文件，以便我可以在JSF页面中包含.js文件？对我来说最重要的是，是否有关于非spa使用的教程或文档可以供我参考？

- MarcuX

---

不必使用单文件组件（.vue 文件）。最好的入门教程就是官方文档本身。https://vuejs.org/v2/guide/#Getting-Started - Bert

Answer 1

Vue.js指南的开头应该解释这种用法。.vue文件是为了方便而存在的。您仍然可以在常规的.js文件中创建Vue组件。例如（来自Vue.js guide）：

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

- LukeGeneva