vue项目文件夹介绍

news/2024/7/10 0:34:17 标签: vue

目录

Vue项目目录结构

 项目介绍:

node_modules  文件及子目录 

src目录

assets 文件夹

components 文件夹

实例:简单的注册并使用组件


Vue项目目录结构

 项目介绍:

node_modules  文件及子目录 

这个文件夹里面全部都是node的一些基础的依赖包,当我们拓展的安装一些别的插件时 也会装在这个文件夹里。

src目录

这个文件夹 是 整个项目的主文件夹 , 我们的代码大部分都在这里完成

assets 文件夹

主要放置一些资源文件。比如js 、css 之类的文件

components 文件夹

vue 的 灵魂 ,组件文件全部都可以放到这里面,一个vue项目就是由一个个的组件拼装起来的

 App文件:整个项目的入口文件,相当于包裹整个页面的最外层的div

main.js文件:项目的主js,全局的使用的各种变量、js、插件 都在这里引入 、定义

package 文件:整个项目用的到的所有的插件的json的格式 比如 这个插件的 名称 , 版本号。 当在项目里使用npm install 时 ,node 会自动安装这个文件里的所有插件

实例:简单的注册并使用组件

1.

 2.

 3.

效果 


http://www.niftyadmin.cn/n/5369561.html

相关文章

海外云手机的核心优势

随着5G时代的到来,云计算产业正处于高速发展的时期,为海外云手机的问世创造了一个可信任的背景。在资源有限且需求不断增加的时代,将硬件设备集中在云端,降低个人用户的硬件消耗,同时提升性能,这一点单单就…

Centos7部署MetaBase-v0.48.3

MetaBase_v0.48.3下载地址 : http://downloads.metabase.com/v0.48.3/metabase.jar JDK11 下载地址:https://repo.huaweicloud.com/java/jdk/11.0.113/jdk-11.0.1_linux-x64_bin.tar.gz 1.不修改源数据库的方式 官方提示此方式仅用于测试学习使用,如用生…

机器学习 | 揭示EM算法和马尔可夫链的实际应用

目录 初识EM算法 马尔可夫链 HMM模型基础 HMM模型使用 初识EM算法 EM算法是一种求解含有隐变量的概率模型参数的迭代算法。该算法通过交替进行两个步骤:E步骤和M步骤,从而不断逼近模型的最优参数值。EM算法也称期望最大化算法,它是一个基…

Unity AnimationRigging无法修改权重?

个人理解,已解决无法修改权重的问题: unity自带的动画系统是在FixUpdate和Update之后LateUpdate之前执行,如果在这FixedUpdate或Update函数内更新AnimationRigging内的权重后,内部动画系统会覆盖权重的修改,导致无法正确更新&…

Elasticsearch中Document Routing特性

Document Routing在Elasticsearch中是一种高级特性,它允许用户在索引文档时指定一个路由值。通过这种方式,可以确保具有相同路由值的所有文档都存储在同一个分片中。这对于提高查询效率特别有用,因为它允许查询只针对包含相关文档的特定分片&…

(力扣)1314.矩阵区域和

给你一个 m x n 的矩阵 mat 和一个整数 k &#xff0c;请你返回一个矩阵 answer &#xff0c;其中每个 answer[i][j] 是所有满足下述条件的元素 mat[r][c] 的和&#xff1a; i - k < r < i k, j - k < c < j k 且(r, c) 在矩阵内。 示例 1&#xff1a; 输入&a…

.[tsai.shen@mailfence.com].faust勒索病毒数据怎么处理|数据解密恢复

引言&#xff1a; 在当今数字化的时代&#xff0c;网络安全问题变得越来越突出。勒索病毒作为其中一种最具破坏性的恶意软件之一&#xff0c;给全球范围内的个人和组织带来了巨大的威胁。而[support2022cock.li].faust [tsai.shenmailfence.com].faust [Deciphermailfence.com…

Webstorm安装了vue脚手架后终端输入vue报错解决方法

当我们初学Vue的时候&#xff0c;刚安装完Vue脚手架之后&#xff0c;输入vue报错&#xff0c;是因为webstorm终端受限制了。 vue: 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1&#xff0c;因为在此系统上禁止运行脚本。 解决方案如下&#xff1a; 通过…