vue3-02基础认识vue3中main.js入口文件,app.vue(不存在唯一根节点),扩展程序vue-devtools安装

1.main.js入口文件

main.js入口文件

// 引入的再是vue构造函数
// 引入的是createApp的工厂函数-直接进行引用
import { createApp } from 'vue'
import App from './App.vue'

// vue3中
// createApp(App).mount('#app')
// 创建应用实列对象-类似vue2中的vm,app比vm更轻
const app = createApp(App)
// 挂载
app.mount('#app')
console.log('app', app);

// vue2中
// const vm= new Vue({
//   render:h=>h(app)
// })
// vm.$mount('#app')

2.app.vue

vue3模板结构可以没有根标签包裹

3. vue3中的扩展程序 vue-devtools安装

1.谷歌应用商城搜索

2.对应扩展拖入在开发者模式下面

效果