vue 脚手架入门可能遇见的问题

-刚开始学习了vue十几天,总结了一些脚手架-----单文件组件遇到的问题。
首先安装脚手架 npm install -g vue-cli ,安装完成后会有一些配置调试,安装一些依赖,也可以默认安装。
然后创建create+文件名。
1.要先懂得三个脚手架命令
npm run serve 运行代码
npm run lint 将代码格式化 因为会有一些规定空格等格式报错 使用此命令可以解决
npm run bulid 将代码打包
2.万事组件 先创建 在导出 使用指出再引入
3.路由(router) 路由的意义 页面不刷新 页面进行跳转
首先命名路由
router-link :to="{ name: ‘user’, params: { userId: 123 }}">User</router-link
router.push({ name: ‘user’, params: { userId: 123 }})
这是两种路由跳转的方法
其他方法可参考下面地址
https://blog.csdn.net/jiandan1127/article/details/86170336
而且还有多级路由只修改 在父亲路由里面嵌套子路由
4.swiper(轮播图组件库)
可以查官网 使用 各种功能的轮播图都有很方便
5.数据请求(fetch,axios)
数据请求这里需要注意有些网站接口是可以直接请求回来的,而有一些是需要在vue.config.js中设置的,进行一步转换
axios是需要下载npm 下载的一个请求方法
数据请求回来页面会报错,是你存储数据的数组会报未定义先使用,此时需要进行一个判断v-if(数组的长度)就能解决问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值