模版方法

//模版 里面只能写一个
<template>
    <!-- 
    <h1>{{str1}}</h1>
    <input ref="nagenande" type="number" v-model="price" />
    <label ref="nagenvde">{{message}}</label>
    <button @click="showMessae('333')">点我</button>
    <button v-on:click="showMessae('333')">点我</button>
    <div v-if="price<10">便宜了</div>
    <div v-else-if="price<100">合适</div>
    <div v-else>贵了</div>
    <div v-show="price>100">我买了</div>
    <div v-for="item in items" :key="item" v-text="item"></div>
    -->
    <component is="personal-setting"></component>
</template>
//脚本
<script>
  //引入文件 PersonalSetting组件
  import PersonalSetting from './components/setting/PersonalSetting.vue'

    export default {
        //json
        mixins:[],//把别的js拿过来 自己用   一堆混合
    //组件
    components: {
      //自己定义的Vue组件
      PersonalSetting
    },
        data() {
            //内部参数
            //方法
            return {
                myValue: "yyyyuuu"
            }
        },
        props: {
            //传入参数  别人传过来的
            //属性
            // name:String,
            name(){
                type:String,
                default:"oh"
            }
        },
    watch: {
      //price是自己定义的数据
      price(newVal, oldVal) {
        console.log("新值：" + newVal, "旧值" + oldVal);
      },
    },
        computed:{
            //jisuan参数
            result() {
                return this.name + this.myValue
            }
        },
        methods:{
            //方法
            showFe() {
                console.log(this.result);
            }
        },
    created() {
          console.log("出生")
      },
      mounted() {
        console.log("结婚");
            console.log(this.$el)
      },
      activated() {
        console.log("我还活着")
     },
  }
</script>
//样式
<style lang="less">
</style>