diff --git a/20_脚手架/vue3_test/4.src_reactive函数的使用/App.vue b/20_脚手架/vue3_test/4.src_reactive函数的使用/App.vue new file mode 100644 index 0000000..3869034 --- /dev/null +++ b/20_脚手架/vue3_test/4.src_reactive函数的使用/App.vue @@ -0,0 +1,59 @@ + + + diff --git a/20_脚手架/vue3_test/4.src_reactive函数的使用/assets/logo.png b/20_脚手架/vue3_test/4.src_reactive函数的使用/assets/logo.png new file mode 100644 index 0000000..f3d2503 Binary files /dev/null and b/20_脚手架/vue3_test/4.src_reactive函数的使用/assets/logo.png differ diff --git a/20_脚手架/vue3_test/4.src_reactive函数的使用/main.js b/20_脚手架/vue3_test/4.src_reactive函数的使用/main.js new file mode 100644 index 0000000..8a90e5c --- /dev/null +++ b/20_脚手架/vue3_test/4.src_reactive函数的使用/main.js @@ -0,0 +1,10 @@ +// 引入的不再是Vue构造函数, 引入的是一个名为createApp的工厂函数 +import { createApp } from 'vue' +import App from './App.vue' + +// createApp(App).mount('#app') + +// 创建应用实例对象 +const app = createApp(App) +console.log('@@@',app) +app.mount('#app') \ No newline at end of file diff --git a/20_脚手架/vue3_test/src/App.vue b/20_脚手架/vue3_test/src/App.vue index c661b63..3869034 100644 --- a/20_脚手架/vue3_test/src/App.vue +++ b/20_脚手架/vue3_test/src/App.vue @@ -1,38 +1,57 @@