搭建一个学习的环境,尽量减少高阶知识干扰 再一个HTML界面中引入cdn库,比如:

代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学习VUE</title> <script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script> </head> <body> <div id="app"> {{ message }} </div> <!-- JavaScript 代码需要放在尾部(指定的HTML元素之后) --> <script> new Vue({ el:'#app', data: { message:'Hello World!' } }); </script> </body> </html> 知识点说明: {{js表达式}} 插值表达式 用于替换HTML中标签的内容,表达式值从VUE实例里data属性中获得。VUE完成了底层的实现。