如何在静态页面中使用vue.js?
来源：5-1 阅读进度功能实现（进度面板+分页逻辑）
慕先生3001809
2018-11-14
sam老师你好，
1. 我想要创建静态网站，只是展示型网站，不需要后端，希望结合Vue.js在页面中，此时创建文件是用.html格式，还是.vue格式？
2.如何使用.html格式，例如创建了footer，header，nav等文件，怎么当成一个组件引用到各个页面中？
是否可以用import 引入到各个页面中？
写回答
1回答
-
你好，依次回答你的问题：
1、Vue.js可以创建纯前端的网站，有两种方式，第一种方式是通过原生js开发，第二种方式是通过vue脚手架开发。对于第一种开发方式只适用于小型站点，它是通过在html文件中引入script的方式来加载vuejs库。第二种方式采用创建vue文件的方式来开发，通过webpack的vue-loader实现vue文件的编译，适合中大型前端项目。
2、在使用html文件开发vue项目时，不再能通过vue文件的格式来编写代码，需要采用以下格式来写组件：
Vue.component('vue-header', { props: ['todo'], template: '<li>{{ header }}</li>' })这种方式虽然也可以实现组件化，但是并不适合中大型前端项目。而且与vue脚手架的SPA（单页面应用）技术不同，这类项目通过是多页面的，分别在每个页面中载入vuejs，这种方式并不能发挥vue的所有特性以及优势。
012018-11-15
相似问题