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.

效果 

  • 6
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值