07 2021 档案

css分隔虚线，双色样式（repeating-linear-gradient）
摘要：做购物车或者结算时有个分隔虚线 我们想做到双色分隔线时 可以使用一个div来或者使用:before伪类元素来做底部的虚线 这里我是使用的伪类元素 我们使用address-wrap的伪类来做底部虚线，直接贴出样式 .address-wrap{ position: relative; &::before 阅读全文
posted @ 2021-07-29 11:18 light丶 阅读(1257) 评论(0) 推荐(1)
获取键值队的三种状态，值，键，键值
摘要：当我们的数据对象为这样时 province 我们想要获取其下标，或者值，或者下标和值 可以这样做 Object.values(province)[这里给下标就可以获取到值] 只想要获取到键，就这样 Object.entries(province)[这里给下标就可以获取到下标] 如果想要又获取键又获取 阅读全文
posted @ 2021-07-27 16:03 light丶 阅读(91) 评论(0) 推荐(0)
Vue3使用vant插件
摘要：这里使用轮播图为例 vant插件地址：https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart 这里我们可以通过快速上手可以看到 可以通过终端下载两种版本的vant，这里我们选择vue3下载 然后就是引入，这里引入时推荐我们下载一个叫babel的插件 阅读全文
posted @ 2021-07-19 10:56 light丶 阅读(2399) 评论(0) 推荐(0)
vue3 使用better-scroll滚动
摘要：在GitHub里搜索这个名称 然后点进去，获取下载方式，通过vue终端进行下标 下载完成在需要的Vue组件页面里引入 在视图HTML上我们要滚动的结构要使用两层div包裹，并给出相应的class 其次在js里即逻辑层 一般在vue3里我们所有的代码都是写在setup里的所以我们需要在这个页面加载完成 阅读全文
posted @ 2021-07-16 16:02 light丶 阅读(3707) 评论(0) 推荐(0)
Vue3-Composition中常用的API应用
摘要：//ref 用来给定的值创建一个响应式的对象 //reactive 声明对象具有响应式 //toRefs 解构赋值时保留响应式 //readonly 把响应式数据变成原生的数据 //isRef 判断 是不是响应式的数据 阅读全文
posted @ 2021-07-08 15:42 light丶 阅读(61) 评论(0) 推荐(0)
Vue3-vuex-Moduls模块划分和文件拆分
摘要：在VUEX中如果没有其它操作，在这中只是单一状态数，在项目中我们只有一个state 如果我们的业务量越来越大，所以胡数据都堆在一起，以后更改起来就会很麻烦 这时我们就需要使用模块的概念 modules:{ user:{ //跟用户相关的数据放这 state:{ }, geeters:{ }, mut 阅读全文
posted @ 2021-07-06 16:08 light丶 阅读(1733) 评论(1) 推荐(0)