vue 项目文件介绍

╰+攻爆jí腚メ 2023-01-07 10:25 21阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NsYXJvamE_size_16_color_FFFFFF_t_70_pic_center]

1.`main.js`是项目的主入口文件,不需要处理

import Vue from 'vue'
    import App from './App.vue' /* 导入根组件 */
    import router from './router'/* 导入路由 */
    import './plugins/element.js'/* 导入elementui */
    
    Vue.config.productionTip = false
    
    new Vue({ 
      router, /* 挂载路由 */
      render: h => h(App) /* 渲染App.vue根组件 */
    }).$mount('#app')

2.`App.vue`根组件

<template>
      <div id="app">
        App根组件
      </div>
    </template>
    
    <script> export default { name: 'app' } </script>
    
    <style> </style>

3.`route/index.js`

import Vue from 'vue'
    import VueRouter from 'vue-router'
    
    Vue.use(VueRouter)
    
    const routes = [
    
    ]
    
    const router = new VueRouter({ 
      routes
    })
    
    export default router

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NsYXJvamE_size_16_color_FFFFFF_t_70_pic_center]: /images/20221119/6c3cd94dbe134ffea6b2963293fb45c6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】

![在这里插入图片描述][9084283945a743b0a782bf49745a2d62.jpeg_pic_center] 文章目录本人其他相关文章链接

小鱼儿/ 2024年03月24日 12:21/ 0 赞/ 81 阅读

相关 vue项目文件详解

![在这里插入图片描述][cf8a239be8874faa9fcb2c232ae5418c.png_pic_center] [cf8a239be8874faa9fcb2c2

比眉伴天荒/ 2023年10月04日 20:38/ 0 赞/ 55 阅读

相关 vue的介绍、vue环境安装以及项目目录介绍

一、 vue的介绍 1. MVVM > 在vue中，M代表的是数据层，V代表的是视图层，VM实际上是vue实例对象。MVVM并不是取代了MVC,vm只是把c中的展示

迷南。/ 2023年05月29日 02:56/ 0 赞/ 184 阅读

相关 Django：项目配置文件介绍

目录 Django项目配置文件 1) manage.py文件 2) \_\_init\_\_.py文件 3) settings.py文件 4) urls.py文件

约定不等于承诺〃/ 2023年01月15日 08:06/ 0 赞/ 169 阅读

相关 vue 项目文件介绍

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

╰+攻爆jí腚メ/ 2023年01月07日 10:25/ 0 赞/ 22 阅读

相关 Vue项目 - 项目文件介绍

推荐：[Vue汇总][Vue] Vue项目 - 项目文件介绍上一篇博客介绍了三种方式创建Vue项目：[Vue - vue create、vue ui、vue init

野性酷女/ 2022年12月26日 11:16/ 0 赞/ 199 阅读

相关【Vue】—项目的目录结构介绍

【Vue】—项目的目录结构介绍 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

今天药忘吃喽~/ 2022年09月03日 04:28/ 0 赞/ 241 阅读

相关 [vue-2]vue项目文件夹的介绍

基本文件夹介绍: build 打包配置的文件夹 build.js 打包使用 config 打包的配置 index.

ゝ一纸荒年。/ 2022年04月04日 02:51/ 0 赞/ 246 阅读

相关 VUE项目目录结构介绍

build目录是一些webpack的文件，配置参数什么的，一般不用动 config是vue项目的基本配置文件 node\_modules是项目中安装的依赖模块 sr

布满荆棘的人生/ 2021年09月27日 15:26/ 0 赞/ 491 阅读

相关 vue-element-admin开源项目介绍

一 vue-element-admin 1 简介 vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 GitHub地址：[

短命女/ 2021年07月24日 14:02/ 0 赞/ 428 阅读