如何在静态页面中使用vue.js?
sam老师你好，
1. 我想要创建静态网站，只是展示型网站，不需要后端，希望结合Vue.js在页面中，此时创建文件是用.html格式，还是.vue格式？
2.如何使用.html格式，例如创建了footer，header，nav等文件，怎么当成一个组件引用到各个页面中？
是否可以用import 引入到各个页面中？
3734
收起
正在回答
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的所有特性以及优势。
0
有任何疑惑可以回复我~
