初始目录结构
│ .gitignore
│ index.html
│ package.json
│ yarn.lock
│
├─public
│ favicon.ico
│
└─src
│ App.vue
│ index.css
│ main.js
│
├─assets
│ logo.png
│
└─components
HelloWorld.vue
这里重点关注一下 main.js App.vue这几个文件。
1、main.js
main.js是项目的入口文件,项目中所有的页面都会加载main.js
,所以main.js,主要有三个作用:
1.实例化Vue。 创建Vue
的方式变了,原来是通过new Vue
的方法来初始化Vue
,在Vue3.0
中,修改为了通过createApp
的方式
2.放置项目中经常会用到的插件和CSS样式。
3.存储全局变量。
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
createApp(App).mount('#app')
2. index.html
<!DOCTYPE html>
<html lang="en">
<head>