Vue.js是一种前端用户界面的渐进式框架。代码结构相对js更加简洁，易读。本次使用<script>标签引入本地下载的vue.min.js文件来完成安装。
工具/原料
vue.min.js
浏览器
Nodepad或其它文本编辑器
下载安装
1、下载vue.min.js。下载地址：https://vuejs.org/js/vue.min.js如果浏览器没有直接提示下载，可以单击鼠标右键，再点击另存为。具体步骤参考这个动态图。本次下载后保存到 D:\vue学习。
2、新建一个simple.html文件。在下载vue.min.js的同一个文件夹中新建一个simple.text文本，并重命名为simple.html（修改文件后缀），完成新建一个空白的html文件。
3、使用Nodepad++（推荐）或其它文本编辑器打开simple.html。步骤为：单击simple.html，右键，点击 Edit with Nodepad++。或者单击simple.html，右键，点击打开方式，用记事本打开。
4、html页面引入vue.min.js。使用<script type="text/javascript" src=&鳎溻趄酃quot;vue.min.js"></script>语句引入。这里的src是vue.min.js文件所在的相对路径或者绝对路径。具体内容复制以下代码到simple.html，保存。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>hello vue!</title> <script type="text/javascript" src="vue.min.js"></script></head><body> <div id="vueDiv"> <h1> 名称: {{name}}</h1> <h1>{{details()}}</h1> </div> <script type="text/javascript"> var vm = new Vue({ el: '#vueDiv', data: { name: "hello! ", alexa: "10000" }, methods: { details: function() { return this.name + "好好学习，天天向上。"; } } }) </script></body></html>
5、保存后，直接双击使用浏览器打开simple.html。展示以下内容，可以正常使用vue.js了。
