Visual Studio 創建 Vue 專案

一般選擇「Vue and ASP.NET Core」 專案

同時開發前端和後端應用程式

TypeScript 是微軟開發的網頁語言，一般使用 javascript 即可。

創建順序

1 . 创建组件实例：当 Vue 创建组件实例时，首先会调用构造函数。

2 . 数据观察：在组件实例创建过程中，Vue 会观察 data、computed 等属性。

3 . 生命周期钩子：在组件实例被挂载到 DOM 之前，以下生命周期钩子会依次被调用：

beforeCreate：组件实例刚被创建，此时数据尚未初始化。

created：组件实例创建完成，此时可以访问数据，但尚未挂载到 DOM。

4. 挂载到 DOM：

组件的模板被编译成渲染函数，并生成虚拟 DOM。

beforeMount：在挂载之前调用，此时虚拟 DOM 已生成，但尚未插入到实际 DOM 中。

mounted：组件被挂载到 DOM 上时调用，此时可以访问 DOM 元素。

一開始下中斷點

        created() {

            debugger;
            // fetch the data when the view is created and the data is
            // already being observed
            this.fetchData();
        },

        methods: {
            fetchData() {
                this.post = null;
                this.loading = true;

                // Trigger the debugger here for inspection
                debugger;

• 非同步下斷點

debugger;

await this.fetchData();