从零开始的旅游小项目【vue】-01-

本文记录了一个Vue初学者利用vue-cli搭建旅游项目的过程,包括安装脚手架、创建基本页面、设计404页面以及实现首页轮播图组件。在项目中,作者强调了Vue的组件化开发思想,通过组件化实现代码复用和页面效果的灵活调整。
摘要由CSDN通过智能技术生成

近期根据学校要求在实习……但是空闲时间还挺多的,公司用的是vue-cli和webpack等技术,以前没接触过,恶补了一通后手痒,想试试自己能不能写个小项目,写博客主要是想记录下过程,说不定以后还能翻出来看看:当年写的是什么垃圾代码!

安装和搭建vue-cli脚手架

公司的电脑是已经装好的,在自己电脑上也装了一遍,先下visual studio code,然后使用npm命令,具体过程就不放了,网上搜的有很多,我自己搜来搜去最后也装好了,最后安装完是这样的:

main.js和App.vue

main.js是整个程序的入口页面,在这里可以引入要使用的东西,还有加载全局变量及公共组件。比如我会在项目中使用iView,就可以在下载完iView后加上Vue.use(iView),此外还有Vue的路由跳转。Vue.config.productionTip = false是阻止生产提示,设为false。

App.vue最初是这样的:

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值