light丶

摘要： 做购物车或者结算时有个分隔虚线 我们想做到双色分隔线时 可以使用一个div来或者使用:before伪类元素来做底部的虚线 这里我是使用的伪类元素 我们使用address-wrap的伪类来做底部虚线，直接贴出样式 .address-wrap{ position: relative; &::before 阅读全文

摘要： 当我们的数据对象为这样时 province 我们想要获取其下标，或者值，或者下标和值 可以这样做 Object.values(province)[这里给下标就可以获取到值] 只想要获取到键，就这样 Object.entries(province)[这里给下标就可以获取到下标] 如果想要又获取键又获取 阅读全文

摘要： 这里使用轮播图为例 vant插件地址：https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart 这里我们可以通过快速上手可以看到 可以通过终端下载两种版本的vant，这里我们选择vue3下载 然后就是引入，这里引入时推荐我们下载一个叫babel的插件 阅读全文

摘要： 在GitHub里搜索这个名称 然后点进去，获取下载方式，通过vue终端进行下标 下载完成在需要的Vue组件页面里引入 在视图HTML上我们要滚动的结构要使用两层div包裹，并给出相应的class 其次在js里即逻辑层 一般在vue3里我们所有的代码都是写在setup里的所以我们需要在这个页面加载完成 阅读全文

摘要： //ref 用来给定的值创建一个响应式的对象 //reactive 声明对象具有响应式 //toRefs 解构赋值时保留响应式 //readonly 把响应式数据变成原生的数据 //isRef 判断 是不是响应式的数据 阅读全文

摘要： 在VUEX中如果没有其它操作，在这中只是单一状态数，在项目中我们只有一个state 如果我们的业务量越来越大，所以胡数据都堆在一起，以后更改起来就会很麻烦 这时我们就需要使用模块的概念 modules:{ user:{ //跟用户相关的数据放这 state:{ }, geeters:{ }, mut 阅读全文

摘要： 在vuex中使用计算属性，如在stre文件夹下的index.js里 使用getters 然后在要调用vuex的页面里面直接调用这个方法就可，得到这个结果 这是获取每个自乘的值 把数组里的每一项相加，获得总价要这样写 使用过滤，然后把这个方法返回给要调用的页面 计算属性的方法怎么调用其它方法 这里我写 阅读全文

摘要： 这是一个VUEX的修改值的流程，先通过组键使用——请求后台提交到Mutatlons然后通过state修改 首先要通过命令下载vuex，或通过新建目录时就一起安装一个。 示例： 在store，index下新建一个值为dnum:0 然后在需要使用修改dnum值的页面引用 home页面 $store 是在 阅读全文

摘要： 当我们切换页面时页面会被销毁，重新切换回来时会被创建 如图 当我们切换时 在原来Vue2上面缓存组件原来是这样写的在app.vue里 这样写在Vue3里是不会生效的，可以查看页面 我们必须使用新的插槽方式来使用缓存 页面功能 <router-view v-slot="{ Component }"> 阅读全文

摘要： 如果我们要做一个根据页面改变标题可以直接在当前页面直接写 这样写即可 也可以根据路由守卫进行更改，这里我设置全局守卫进行更改 在路由设置标题 在路由时使用前置守卫 vue2老版的 这是老板的vue2的方式，vue3里没有next()放行 vue3新版的，如果有阻止下一步就使用return false 阅读全文