vue——6-v-on

<div id="enjoy">
    <!--针对事件-->
    <!--写法：1.v-on:click='content' 2.@click='content'-->
    <p :style="{color:fontColor}">{{msg}}</p>
    <button v-on:click="msg='good morning!'">改变内容</button>
    <button @click="msg='good afternoon!'">改变内容</button>
    <button @click="changeContent()">改变内容</button>
    <button @click="fontColor='red'">改变颜色（红）</button>
    <button @click="changeContentColor()">改变颜色（蓝）</button>
</div>

        {
            new Vue({
                el: '#enjoy',
                data: {
                    msg: 'hello!',
                    fontColor: 'red'
                },
                methods: {//实例所有函数
                    changeContent() {
                        //alert('hei');
                        this.msg = 'hei';
                    },
                    changeContentColor() {
                        this.fontColor='blue';
                    }
                }
            })
        }