一个Vue前端框架使用简单实例

Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。下文是Vue的简单使用并使用nginx进行发布。
1.环境：本次实例在windows环境进行，所以首先下载windows环境下的nginx并置于相关目录下，本次实验的nginx版本为1.12.2
2.下载vue.min.js文件，这个请读者自行解决
3.创建一个简单的前端页面simple.html，并将vue.min.js和simple.html处于同一目录下，二者均处于BootStrapDemo文件下，如下图所示

4.simple.html文件引入vue框架，如下图

5.将BootStrapDemo文件置于nginx的html目录下，如下图所示
6.配置nginx，打开nginx下目录conf/nginx.conf文件，找到server项，做如下图配置：
7.启动nginx，如下图操作
8.效果：在浏览器输入http://localhost/即可，由于nginx默认监听的端口为80，所以不必输入端口号，效果如下图：
8.BootStrapDemo文件下载地址：https://download.****.net/download/kaijixin/12170163