我的第一个vue项目

了解前端vue的结构

其次node_modules包管理器,可以安装很多别人的包,安装的包就放在这里

我们安装的包会在package.json里面进行记录,主要存放项目依赖项的安装目录,dependencies是生产依赖(),devdependencies是开发依赖。

上面还有一个package—lock.json这个是为了防止重新安装项目的时候,下载的包版本不一样,,锁定住版本号,防止版本不一样所带来的不一样的东西。

这个里面就是前端界面外加vue的全部源码代码。

assets(静态资源公司代码基本都这样改名我原本想写images的)这边就理解为放的图片们

components放一些vue的组件,vue是用组件化的思想去写页面的也就是一个页面可以有大大小小的组件组合而成一般写一些组件化的东西

routers(路由)整个vue项目的路由,vue是单个页面的代表,这里设置了一个个组件的地址,决定了页面跳转的规则。

store:存放vue中的状态数据,用vuex集中管理。

views页面组件,里面是一个个单个页面的切换,对于commpents来说,这个玩意是大组件,它可以引用小组件。

App.vue根组件,所有页面都是app.vue下切换的可以理解为所有组件都是app.vue的子组件可以把头部底部每个页面的都出现的文件都放在app.vue里面,还有里面写的公用的css代码

main.js这个文件是项目的主要js全局的使用各种变量,js,插件都在这都在这里引入定义并且也是对所需的插件引用,

  • 9
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值