模板里面可以包含一个JavaScript的运算表达式

<div id="app">
    <div class="bg" id="">
        Hello World!
        <!--双括号里面msg对应data里面的msg-->
        {{msg}}
    </div>

    <div class="bg">
        <!--如果有两个{{msg}},则优先绑定上面的，这时可以用id绑定-->
        {{msg}}

        <!--模板里面可以包含一个JavaScript的运算表达式-->
        {{(count + 192) * 200}}
    </div>
</div>

</body>
<script>
    new Vue({
        el:'#app',
        //data存放数据
        data: {
            msg:'Hello Vue!',
            count:'0'
        }
    })
</script>

运行结果count为38400.

使用v-html可以输出一个html页面：

<div v-html="template">
        <!--这里可以输出一个html代码-->
 </div>

使用v-bind绑定数据（绑定属性时可以使用简写，“:”）：

<a v-bind:href="url">百度</a>
<a :href="url2">mo</a>


data: {
            msg:'Hello Vue!',
            count:'0',
            url:'http://www.baidu.com',
            template:'<div>你好呀！</div>'
        }

给按钮绑定监听 v-on,使用submit的一个函数

<button type="button" v-on:click="submit()">点击加一</button>

 methods:{
            submit:function () {
                this.count++
            }
        }

其中v-on 可以使用@代替

未完待续。。。