<script>

import Confirm from '../sub/Confirm';
export default {
        name : "First",
        //computed是vue的计算属性，是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新, 一般情况下，computed默认使用的是getter属性 
        computed: {
             routerShow() {
                 return store.state.routerShow
             }
        },
        // components 组件注册
        components: {
            Confirm
        },
     
    //watch有三个参数：参数1：监听的参数参数，2：监听的回调函数参数，3：监听的配置（immediate）
      watch: {
    },
    //过滤器
      filters: {

    },
    //函数执行顺序
      async created(){

    },
       async mounted(){

    },

        // 注册属性
        props: {
            name: {
                type: String,
                default: "父组件"
            },
        },
        created() {
            // created 在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图
        },
        mounted() {
            // mounted在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作
        },
        // data() 为变量赋值等
        data() {
            return {
                msg: "Welcom to FirstApp"
            };
        },
        // methods 编写js函数
        methods: {
            getMessage(val) {
                alert(val);
            }
        }
}
</script>