vue项目架构————初级理解

最新推荐文章于 2022-07-15 10:00:12 发布
最新推荐文章于 2022-07-15 10:00:12 发布
阅读量174 收藏
点赞数
分类专栏： 前端 vuejs 文章标签： javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41018304/article/details/112387787
版权

vue项目架构————初级理解

在这里插入图片描述

static文件夹

用来放公共css，公共js，公共img，导入包用本地连接，可以加快加载速度，tinymce是一个编辑器。单独放了。。

在这里插入图片描述

src文件夹

vuex与module：仓库存处。store

在这里插入图片描述

router:

在这里插入图片描述

common：公共js文件《人工包》

在这里插入图片描述
我里面不是js，而是特定位置，需要js包，可以理解与npm包相对的《人工包》，如：消息推送的包，客服im的包，用来当桥的包(util)等。

assets ：语言包

在这里插入图片描述
国际化的时候用的。不细说

components：页面集合！

在这里插入图片描述
按理说应该按模块分好他的！
但接手之前是没分的。而且量比较大。所以我只是后面才去做分模块
尽量按模块分。

build打包！

在这里插入图片描述

⎛⎝陈嗯嗯⎠⎞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue项目的结构分析与总结
qq_42252097的博客
11-23 2556
** 一、总结一下vue项目的总体结构以及vue项目常用的一些插件和一些项目技巧。 ** **         从现在做的几个vue项目上来看，总的来说，一次比一次有进步，项目的结构一次比一次更清晰和更有层次化。这当然是从很多的开源项目上学习到的，从中学习到他们在宏观上是怎样去策划项目的架构的，从微观上他们是如何去编...
Vue.js简介及架构简介
前端互助会
11-12 1822
（给前端互助会加星标，提升前端技能） Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的...
前端知识点总结——Vue
前端大全
03-02 925
（点击上方公众号，可快速关注）作者：楷楷https://www.hazyzh.com/b/1802111454581.框架和库的区别框架（framework）：有着自己的语法特点、都有对应的各个模块。库（library）：专注于一点。框架的好处：提到代码的质量，开发速度提高代码的复用率降低模块之间的耦合度（高内聚低耦合）UI：user interfaceGUI：graphical user int
框架之Vue篇：架构及部署
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
01-07 1万+
概要 Vue.js 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单，本文参考相关网文，也采用 Vue 2.1.8 版本来阐述。 其中，渐进式代表的含义是：主张最少。每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。Vue可能有些方面是不如React，不如Angular，但它是渐进的
vue3+js的组织架构图（vue3-tree-org）
weixin_43400431的博客
07-15 4572
一个基于vue3.x的简易版组织架构图
Vue小项目——cnode社区
01-20
寒假开始，复习了Vue的基本指令后，决定从简单项目开始，真正用Vue做一些实际项目，作为练手，我先做了cnode社区的初级项目，主要用了cnode的api信息，然后进行内容展示。算是把Vue-cli和Vue-router复习着用了一下
Vue项目架构设计与工程化实践
02-24
一套很实用的架构设计通过cli工具生成新项目通过cli工具初始化配置文件编译源码与自动上传CDNMock数据反向检测serverapi接口是否符合预期前段时间我们导航在开发一款新的产品，名叫快言，是一个主题词社区，具体这个...
vue-demo——脚手架.zip
12-02
Vue Demo 脚手架是一个预配置的项目模板，帮助开发者快速启动Vue应用程序的开发。它包含了一系列必要的工具和配置，使得开发流程更加高效和规范。 Vue的核心特性包括声明式渲染、组件化、虚拟DOM、响应式数据绑定等...
Vue后台管理——路由.rar
05-01
Vue.js 是一款非常流行的前端框架，它以组件化、易用性和灵活性著称。...通过深入学习和实践这个"Vue后台管理——路由"的实例，开发者能够更好地理解和掌握Vue.js中的路由管理，提升构建后台管理系统的效率和质量。
Vue.js框架介绍
匿名攻城狮
02-25 9180
文章目录一、Angular和React框架二、Vue.js框架介绍三、谈谈Vue.js的优点 Google 的 Angular 、Facebook 的 React和尤雨溪的 Vue，是目前流行的三大主流前端框架。 一、Angular和React框架 1.Angular Angular更适合开发一些大型应用，其强大之处在于可以把静态页面与动态数据绑定起来。该框架拥有良好的项目结构，适合大型项目...
vuejs项目架构工具
08-10
vuejs项目架构工具
聊聊对Vue.js框架的理解
飞翔༒之翼
12-28 780
分享目标： 了解 Vue.js 的组件化机制 了解 Vue.js 的响应式系统原理 了解 Vue.js 中的 Virtual DOM 及 Diff 原理 Vue.js概述 Vue 是一套用于构建用户界面的渐进式MVVM框架。那怎么理解渐进式呢？渐进式含义：强制主张最少。 Vue.js包含了声明式渲染、组件化系统、客户端路由、大规模状态管理、构建工具、数据持久化、跨平台支持等，但在实际开发中，并没有...
vue-工程项目结构
早日成为鹏总
04-26 8753
components文件夹 用来存放Vue 组件。个人建议，把每一个组件中使用到的image图片放置到对应的组件子文件目录下，便于统一的管理 Node_modules/npm安装的该项目的依赖库 vuex/文件夹 存放的是和 Vuex store 相关的东西（state对象，actions，mutations) router/文件夹 存放的是跟vue-router相关的路由配置项 build/文件 是 webpack 的打包编译配置文件 static/文件夹 存放一.
vue 项目结构
qq_52693197的博客
05-06 6809
作为一个新手当我们拿到一个新的项目的时候，常常不太清楚它的项目结构就很头痛，今天我给大家梳理一下vue的项目结构： node_modules文件：项目依赖文件夹 public文件夹：一般放置一些静态的资源(图片），需要注意的是放在public文件中的静态资源webpack进行打包的时候，会原封不动的打包到dist文件夹中 src文件夹(程序员自己代码放置的地方) assets文件夹：一般也是放置一些静态的资源(一般放置多个组件的静态资源)，需要注意的是放置在assets文件夹里面的资源在webpac.
（Vue）项目结构解析
leilei__66的博客
07-13 2万+
（Vue）项目结构解析 前言 Vue-cli项目搭建——见Vue小白课（一）——CLI搭建项目（Vue2.x）或Vue+Node前后端项目搭建部分内容 参考文献： vue-cli入门（二）——项目结构 | 思否-Reachel Vue-cli创建vue项目以及配置文件梳理 | 思否-AshleyLv Vue系列之WebPack与Eslint | 充电实践 Vue项目结构一览 ├── build --------------------------------- 项目构建(webpack)相关配置文件，配
Vue.js项目结构说明
will5451的博客
06-07 3713
vue项目结构图简单介绍目录结构build目录是一些webpack的文件，配置参数什么的，一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹，基本上文件都应该放在这里。 —assets 资源文件夹，里面放一些静态资源 —components这里放的都是各个组件文件 —App.vue App.vue组件 —main.js入口文件 st...
基于Vue的前端架构设计
热门推荐
Xu_pengtao的博客
02-24 2万+
架构图 前后端分离总架构图 前端架构设计图 MVVM架构模式 MVVM的简介 MVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。 在MVVM架构下，Vie...
vuejs 多页面框架
janessssss的博客
11-28 2628
记录一下自己搭起多页面的框架 先看一下我的文件结构 现在做了首页和用户管理页面 每个页面的配置包括 .vue + .js + .html具体内容就不说了 主要的配置是在webpack.config.js里面module.exports = { entry: { index:'./src/main.js', user:'./src/User.js' }, ou
Vue.js框架基础
qq_46492364的博客
08-31 1716
文章目录前言一、内容处理1.v-once指令二、使用步骤1.引入库2.读入数据总结 前言 指令的本质就是HTML自定义属性，Vue.js的指令就是以v-开头的自定义属性，接下来开始学习指令。 一、内容处理 1.v-once指令 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt i
vue插件——relation-graph
最新发布
10-12
relation-graph是一个Vue插件，用于创建和展示关系图。关系图可以帮助我们更直观地了解和分析不同节点之间的关系。这个插件提供了丰富的功能和选项，使我们可以根据需要自定义图形样式、节点属性和交互方式。 首先...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值