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