1.在window+r创建项目可以选择自定义/vue2/vue3,但尝试在vscode不能选择.

2.vant

vant是组件库,可导入结构等.vant2用于vue2,vant3,vant\4用于vue3

vant2的使用

官网:

Vant 2 - 轻量、可靠的移动端组件库 (gitee.io)

全部导入:将vant所有的组件放到了所有组件内component使得有这个.组件.移动端.

按需导入

第一,四,五步其实原本会在app组件内component.但是有这个插件,配置对应,当component会所有的组件内都能使用,原本也是所有的组件内,即使是路由也可以,但是只能是全部组件库导入.当写组件,会在对应的组件的component写.

3)手动按需导入,

安装vant

导入需要vant内的组件

component写.

3.项目自动转换vw,postcss插件

在移动端不用px,用vw.

安装插件,viewportWidth,我们所写的px,都按照标准屏宽度,进行vw换算.给每一个宽度.换成vw.在不同手机,会转换成px.

4.依赖冲突

4)我们创建的项目,内含有less,less-loader插件,可以直接在mian.js内导入less,当执行时,会转成css.有这些插件,也可以在style写less类型代码.

6)在响应拦截器内写错误或正确的返回响应.

在返回响应式数据,之前会经过拦截器,响应拦截器内的返回值,作为响应的值.但是我们如果是正常返回一个响应,可能会根据响应status是对还是错,会有操作.我们可以在响应拦截器内写返回值.原本即使status返回也不是错误的promise对象,内部返回错误的promise对象,则await则会停止在await不再执行.原本还是会执行.内部拦截器也可也弹出一点提示.

7)对于公共的数据,需要存储到vuex的store库中,且需要放到后端数据,持久化.vuex内便于操作,持久化能保存,下次仍是原本的数据.

封装本地存储模块,直接存取很麻烦.写在模块内来存取本地数据.

utils文件夹内放模块,api放axios.utils内的js文件,内写三个get,set方法都可直接存取.本地存储的不同的存储分开多个js.也可也后台存储,写在js文件,存储在后台一个.

7)

发送请求响应时,可能因为网络问题,很慢返回响应.我们可以添加loading提示.

重复跳转路由,会报错,当已经页面是这个路径,再跳这个路径报错.

在请求前即可出现这个弹窗.

上面弹窗会有自动等待时间关闭,可能没响应回来就关闭了.

在响应回来即刻关闭.

不会自动消失.

清楚此刻所有的toast弹窗.

8)全局前置守卫,全局后置守卫

全局前置守卫,

当访问路由时,都会经过全局前置守卫,且放行才能渲染.

如果执行next(路径)则会将转路径.使得当前访问的路径跳转为按这个

to.path是此刻需要跳转的路由.是/pay这种,routerlink存储