教学
文章平均质量分 59
紫冰花飘
如有不解之处,请留言评论。
展开
-
vuex
vuex是什么vuex 是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。也就是说,是我们需要共享的data,使用vuex进行统一集中式管理。vuex中有5个基本对象state 存储状态(变量)mutatis:修改状态,并且是同步的,在组件中使用$store.commit(“事件名”,可以发送参数);来调用,这个和我们组件中的自定义事件类似。actions:异步操作,在组件中使用$store.dispath(“事件原创 2021-05-22 14:30:51 · 328 阅读 · 0 评论 -
vue生命周期
文章目录一、实例创建之前/实例创建之后二、实例挂载前/实例挂载后三、视图更新前/视图更新后四、实例销毁之前/实例销毁之后我们每个vue文件,都可以看作成一个实例,从加载到销毁。下面我就简单的简述一下我们vue的一生,在那个时间段能做什么事情。我们vue的生命周期大致有8个分别是:实例创建前/后、组件挂载前/后、视图更新前/后、实例销毁前/后。一、实例创建之前/实例创建之后1、beforeCreate()我们vue实例创建之前执行的函数。这个时候只有一些实例本身的事件和生命周期函数2、creat原创 2021-05-20 16:16:04 · 197 阅读 · 0 评论 -
vue组件之间的传参
我们在写组件时,不可避免的需要用到传参。我在这里说明一下我们一般用到最多的2中传参。1、父传子在父组件中的子组件标签上绑定一个自定义属性,这个自定义属性的值就是我们要传递的参数。<heads :data="list" />// 比如这是我们注册好的子组件标签<script> export default { data(){ return { list:["数据1","数据2","数据3",] } } }</script>我们原创 2021-05-19 21:54:01 · 210 阅读 · 0 评论 -
vue一些常用的方法
文章目录1、常用指令Vue.js 是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1、常用指令通常指令(Directives)是指带有v-属性的特殊属性。在Vue给HTML元素增加了自定义属性你,它们都是以"v-"开头了原创 2021-05-19 08:21:33 · 2323 阅读 · 0 评论 -
总结css
文章目录css选择器权重设为最高css中运算单行文本超出显示省略号多行文本超出显示省略号css选择器权重设为最高.box{ width:100% !important;}css中运算calc()能让你给元素的做计算,你可以给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:calc(50% + 2em)”,这样一来你就不用考虑元素DIV的宽度值到底是多少,而把这个烦人的任务交由浏览器去计算。calc()使用通用的数学运算规则,但是也提供更智能的功能原创 2021-05-19 07:52:54 · 105 阅读 · 0 评论 -
小程序购物车的逻辑
购物车的复选框状态同步小程序的购物车添加购物车时,我会添加一个属性用于判断我们的商品有没有没选中,如果被选中呢,就会让这个状态呢变为true,没选中的变为false。然后循环渲染数据的时候,我们复选框的checked属性就根据这个状态的true/false来添加/删除。这样做我们在切换不同页面时保证复选框的状态不会发生改变。且当重新更新页面时也会同步我们勾选的商品。比如下边这个wxml// 我是使用了我们的小程序自带的复选框组,传入的是一组选中复选框的id,是一个数组形式。如:['1','2','原创 2021-05-14 08:17:49 · 602 阅读 · 0 评论 -
promise加async/await封装小程序的request
为什么要封装wx.requesrt因为我们平常项目中基本每页都需要请求数据,而如果我们每次请求输入据都用小程序本身的request就会造成代码量过多,很难找到相应的方法。所有我们要封装一下,从而减少代码量,这个我们可以做到请求的接口和页面分离,方便我们维护和阅读。我一般是这样封装的,我这里写的是我自己怎么封装的在我们项目的根目录下新建一个http文件,然后里面新建1个js文件,文件名叫http.js把,然后我们这个http.js主要使用promise封装我们的wx.request();let bas原创 2021-05-11 22:04:17 · 386 阅读 · 0 评论 -
前期学习小程序需要注意的几个点
目录1、js中获取data中的属性值2、js修改data中的属性值3、传参的问题1、js中获取data中的属性值在小程序中,在写逻辑时获取data中的数据根我们Vue中类似,不同的是Vue中是this.属性名,而我们小程序需要使用this.data.属性名来获取。若:Page({ data: { list: '数据' }, add() { console.log(this.data.list); }})2、js修改data中的属性值在小程序中,写逻辑时我们经常需要修改dat原创 2021-05-07 21:43:07 · 123 阅读 · 1 评论