vue文件的基本结构

已于 2023-04-04 09:10:29 修改
阅读量1.9k 收藏
点赞数 1
分类专栏： JS + Vue 文章标签： vue.js javascript 前端
于 2021-12-16 17:08:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zouyang920/article/details/121978972
版权

1.vue文件的结构

在这里插入图片描述

template是模板标签，用来展示模板页面的。
在这里插入图片描述

script是做函数处理的标签。
在这里插入图片描述

style是样式标签。
在这里插入图片描述

2.scope属性的用法

scope属性是给当前组件以及当前组件调用其他组件下第一条html标签加上唯一标志。
在这里插入图片描述
具体全局覆盖样式可以参考以下链接
全局覆盖样式

bst@微胖子
关注
专栏目录
解读vue生成的文件目录结构及说明
08-28
* App.vue文件：是项目入口文件，用于定义项目的入口点。 * main.js文件：是项目的核心文件，用于引入Vue和其他依赖的模块。 static文件夹 static文件夹用来放置静态资源目录，例如图片、音频、视频等。 index....
vue文件的结构
Harris-H的博客
10-07 3290
vue文件的结构
详解Vue文件结构+实现一个简单案例
null18的博客
02-14 2683
index.html是项目入口文件，App.vue是根组件等一下概念，Vue2,3的包含关系以及一个小案例挑战与创造都是很痛苦的，但是很充实。
vue3项目结构梳理：
最新发布
2303_79193185的博客
07-30 1098
vue项目结构的讲解
vue项目结构文件介绍及项目运行流程
daishu_shu的博客
06-23 4627
用vue和ue-cli搭建的前端项目是很多企业项目的选择，所以了解项目的结构和项目如何运行是非常有必要的，会给我们平时的工作带来很大的帮助。 2.App.vue App. vue是我们的根组件(使用标签渲染整个工程的.vue组件) ，所有页面都是在App. vue下进行切换的。其实你也可以理解为所有的路由也是App. vue的子组件。所以我们 vue项目运行的流程顺序......
Vue项目的详细目录结构解析
ATCO[这里，只是顺手插曲]
09-19 4160
在创建项目时，如果你选择把依赖的配置信息以独立文件形式存放，那么你的项目内，和package.json文件同级的，就还会有比如.browserslistrc， .eslintrc， babel.config.js， jest.config.js， tsconfig.json等独立配置文件。而我们现在使用的Vue.js等框架开发的项目，并不能为浏览器所识别，所以就需要编译打包这一步操作，来转换成实际生产环境（浏览器）所需的文件。这个也没什么好说的，也就是罗列一下，之后Git上传时，需要忽略的文件。
vue项目文件结构
weixin_44161385的博客
03-24 6386
五、vue项目结构 1、build：构建脚本目录 1）build.js ==> 生产环境构建脚本； 2）check-versions.js ==> 检查npm，node.js版本； 3）utils.js ==> 构建相关工具方法； 4）vue-loader.conf.js ==> 配置了css加载器以及编译css之后自动添加 前缀； 5）webpack.base.conf.js ==> webpack基本配置； 6）webpack.dev.conf.js ==> webp
vue实现的树形结构加多选框示例
10-17
本文主要探讨了使用Vue框架实现带有复选框的树形结构组件，重点在于在已有的递归组件基础上添加多选框功能，并实现一些基本的交互逻辑。要实现这样的功能，需要考虑以下几个关键技术点： 1. **递归组件的使用**：...
vue基本语法讲解.pdf
05-11
二、 Vue 基本结构 1. 模板（template）：模板只能包含一个父节点，即模板内部有且只有一个根结点。这是 Vue 单文件组件规范。template 类似于 html 部分。 2. 脚本（script）：Vue 通常用 es6 来写，用 export ...
vue开发文档-.zip
07-12
10. **vue引入第三方js方法总结.txt**：Vue项目中经常需要引入第三方库或JS文件，这份文档总结了在Vue中导入和使用外部JS资源的不同方法，如使用npm、CDN链接或直接在HTML中引入。 通过这些资料，开发者可以系统地...
Vue.js系列之项目结构说明(2)
10-20
- **`App.vue`**：项目的主要入口组件，通常包含整个应用的基本结构布局。 - **`main.js`**：项目的入口文件，负责初始化Vue实例并挂载到DOM元素上。 5. **`static`**：部署后生成的静态文件将被放置于此目录下。...
vue文件结构
淡巴枯的博客
03-15 568
vue.config.js是一个可选的配置文件，（了解: 未来如果需要解决跨域问题，需要在该配置文件中配置代理)vue中的这个文件中主要写的是vue团队提供给我们的一些基本命令。这是一个git的忽略文件，哪些文件或者文件夹不想接受git的管理的，就可以在这个文件中配置。文件夹 ---- 一般就是存储静态资源(图片，音频，视频…文件夹中放的是较完整的大的组件，类似一个完整页面。---- 重要的，但是一般不需要手动操作。文件夹 ---- 存放的就是路由文件。文件夹 ---- 存放组件。— 暂时不需要我们关注。
vue的目录结构与大致的执行流程
Eric_fo的博客
04-24 1033
关于vue的目录结构和执行过程的一些理解
vue项目结构目录介绍
LEP2969171141的博客
03-02 7393
vue项目介绍
Vue项目的详细目录结构解析 vue-cli
weixin_49827467的博客
02-15 1855
vue-cli 目录详解
VUE项目结构文件解析
Lxingling的博客
03-04 760
vue项目文件解析
Vue文件结构
hew2oo3的博客
12-30 421
node_modules 文件夹
vue项目目录基本结构
05-02
Vue项目的基本目录结构如下： ``` project/ ├── node_modules/ // 第三方依赖库 ├── public/ // 静态资源 │ ├── index.html // 入口 HTML │ └── favicon.ico // 网站图标 ├── src/ // 源...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bst@微胖子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值