- [新增] 了解在beforeCreate生命周期里面, data和methods方法是否可以被调用

src/router/index.js

@@ -22,6 +22,10 @@ export default new Router({
             name: 'Detail',
             // 当整个文件过大的时候, 我们可以采用异步组件, 进行代码的拆分
             component: () => import('@/views/Detail'),
+        }, {
+            path: '/live',
+            name: 'Live',
+            component: () => import('@/views/Live'),
         },
     ],
     scrollBehavior() {

src/views/Live/index.vue

@@ -0,0 +1,44 @@
+/**Created by montage_fz on 2019-10-05**/
+<template>
+    <div class="Live">
+        生命周期测试
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'Live',
+        components: {},
+        data() {
+            return {
+                num: 1,
+            };
+        },
+        beforeCreate() {
+            // 当前生命周期无法获取methods里面的方法
+            try {
+                this.init('我是beforeCreate生命周期');
+            } catch (e) {
+                console.log('当前生命周期无法获取methods里面的方法');
+            }
+        },
+        created() {
+            try {
+                this.init('我是created生命周期');
+            } catch (e) {
+                console.log('当前生命周期无法获取methods里面的方法');
+            }
+        },
+        computed: {},
+        methods: {
+            init(value) {
+                console.log(value, this.num);
+            },
+        },
+    };
+</script>
+
+<style scoped lang="less">
+    .Live {
+    }
+</style>