Vue export default基本結構

<script>

import Confirm from '../sub/Confirm';
export default {
        name : "First",
        // components 組件注冊
        components: {
            Confirm
        },
        // 注冊屬性
        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>