vue3的安装以及使用
vue3的安装
初学vue,错误之处还请各位大佬多多指正
寒假时候学校社团中心发了任务要用vue写一个相关的界面,在此记录相关过程
之前用过一段时间的vue2(不是很熟悉,尤其是对于vue项目文件的位置很迷茫)于是各种百度,东拼西凑,凑了个寂寞
https://blog.csdn.net/weixin_38047955/article/details/109218994
这篇博客中讲解非常清晰,从vue的安装到初始项目的搭建讲的非常详细,其中我在安装vue3 时使用该博客出错,发现是npm相较于cnpm容易出错 故使用cnpm install -g @vue/cli命令全局安装
vue3 router-link简单使用
https://blog.csdn.net/qq_37581115/article/details/90488157
通过配置router.js文件来实现页面的转换
bootstrap的引入
为什么要使用bootstrap?
因为部长说我的UI实在是太丑了
因为社团主页面是按照bootstrap的UI来处理的,所以使用bootstrap来对自己的页面进行美化
https://v3.bootcss.com/
介绍看文档,把压缩包下载下来之后解压,将解压之后的文件直接拖入vue项目的src文件目录下
之后进行main.js 以及vue.config.js文件(该文件vue3中一般无,直接在项目根目录下自己创建即可)的配置
参见
https://www.cnblogs.com/jzm53550629/p/10763382.html
有一说一,这玩意真的好用,相当于直接加入了css以及js文件,只要直接把他加到自己的前端界面即可,他提供的模态框也是十分优秀的!刚开始使用的时候最好参照相关文档,香香~~