2019-06-29vue名字

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <div v-html="msg1"></div>
    <div>
      {{number + 1}}
    </div>
    <p></p >
    <div>
      姓：{{xing}}，名:{{ming}}，姓名：{{quanming}}
      <input type="text" v-model="xing">
      <input type="text" v-model="ming">
      <input type="text" v-model="quanming">
    </div>
  </div>
</template>
<script>
    export default {
        name: "zuoye",
      props:{
          msg:String
      },
      data(){
          return{
            msg1:'<span style="color:#000">mz</span>',
            number:111,
            xing:'王',
            ming:'壮语',

          }
      },
      computed:{
          quanming:function(){
            return this.xing + this.ming
          }
      },

      methods:{
          text(){
            aleat('111')
          }
      }
    }
</script>

<style scoped>

</style>