从0开始学VUE--使用Django+Vue 构建一个Web项目(4) 项目基本结构

最新推荐文章于 2023-10-27 10:27:33 发布

dailinqing1984

最新推荐文章于 2023-10-27 10:27:33 发布

阅读量188

点赞数

分类专栏： Python

本文链接：https://blog.csdn.net/dailinqing1984/article/details/110289707

版权

Python 专栏收录该内容

104 篇文章 64 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了使用Django+Vue构建Web项目时的初始目录结构，重点讲解了main.js、index.html、App.vue和Helloworld.vue的角色。main.js是项目入口，用于实例化Vue和配置全局资源；index.html作为挂载点，Vue实例将挂载其上；App.vue是主组件，负责页面构建和组件调用，如引入Helloworld.vue。

摘要由CSDN通过智能技术生成

初始目录结构

│  .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>

了解本专栏

超级会员免费看

dailinqing1984

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
从0开始学VUE--使用Django+Vue 构建一个Web项目(4) 项目基本结构

初始目录结构│ .gitignore│ index.html│ package.json│ yarn.lock│ ├─public│ favicon.ico│ └─src │ App.vue │ index.css │ main.js │ ├─assets │ logo.png │ └─components HelloWorld.
复制链接

扫一扫