Vue基础

• 概括：

一片html代码配合上json,再new Vue实例；

• 安装：

<script src="vue.min.js"></script>

• 绑定基础

<div id="box" v-on:click="showName('Lidy')">
    {{msg}}
</div>

<script>
    new Vue({
        el:'#box',     //该Vue的数据和哪个dom元素互相绑定
        data:{         //属性
            msg:'Welcome Lidy !'
        },
        methods:{      //方法
            showName:function(n){
                alert('Welcome ' + n + ' !')
            }
        }
    })
</script>