首先引入方式和jQuery没有多大差别,
不过在动态操作数据方面的{{}}写法,确实感觉很舒服.
第一次写,没有加逗号,然后找了好一会儿错误,哎,真是丢脸.
<div id="root">{{msg}}</div>
<script>
new Vue({
el:"#root",
template: "<h1>{{msg}}</h1>",
data:{
msg:"hello world"
}
})
</script>
`
稍做解释:
1. el 称作挂载点,即这个Vue实例会绑定在id为root的div上
2. template 则是模板, 即数据以什么形式代替 {{}}
3. data 就是要显示的数据了.