<template>

  <div id="test">

    <h4 @click="changeMsg()" id="outputDom">{{msg}}</h4>

  </div>

</template>

<script>

    export default {

        name: "test",

        data:function(){

          return{

            msg:'test msg'

          }

        },

        watch:{

          msg:function(){

            console.log('msg进行了改变');

          }

        },

        mounted:function(){

        },

        methods:{

          changeMsg:function(){

            this.msg = "改变MSG"

          }

        }

    }

</script>

<style lang="less">

</style>