创建一个最简单的HTML 文件
<html> <head> <title>一个简单的html页面</title> </head> <body> <span>内容</span> </body> </html>
引入vue.js文件
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
增加一个div，用来显示vue的内容
<div id="vue"> {{message}} </div>
在这个div之后，加入代码
<script type="text/javascript"> var vm = new Vue({ el: ‘#vue‘, data: { message: ‘Hello Vue!‘ } }); </script>
完整代码
<html> <head> <title>一个简单的html页面</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script> </head> <body> <span>内容</span> <div id="vue"> {{content}} </div> </body> <script type="text/javascript"> var vm = new Vue({ el: ‘#vue‘, data: { content: ‘Hello Vue!‘ } }); </script> </html>
执行结果
原文：https://www.cnblogs.com/c2xxx/p/14591707.html