![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
超人不会飞2021
学无止境…
展开
-
基于vue3封装一个分页组件
目的:封装一个统一的分页组件,方便复用。分页的本质:分批次查询数据(基于页码page和每页条数pagesize),后端接收到分页参数后,会基于这些参数查询数据库,然后基于数据库进行分页:基于SQL语句(select * from user limit n, m)落的代码:<template> <div class="xtx-pagination"> <a @click='changePage(false)' href="javascript:;" :clas原创 2021-09-29 11:46:37 · 269 阅读 · 0 评论 -
Vue3组合API-provide和inject(依赖注入)
组合API-provide和inject(依赖注入)目标:掌握使用provide函数和inject函数完成后代组件数据通讯provide和inject在Vue 2中已经被广泛应用,不是新鲜API,3.0重新认识一下它们两个。一句话介绍:provide可以向所有子孙组件提供数据以及提供修改数据的方法,子孙组件用inject使用数据。父级组件使用provide向下进行传递数据;子级组件使用inject来获取上级组件传递过来的数据;使用场景:有一个父组件,里头有子组件,有孙组件,有很多后代组件,共原创 2021-09-11 12:09:06 · 716 阅读 · 0 评论 -
vue3中ref属性的解释和使用方式
组合API-ref属性在vue2.x中,可以通过给元素添加ref='xxx'属性,然后在代码中通过this.$refs.xxx获取到对应的元素然而在vue3中时没有$refs这个东西的,因此vue3中通过ref属性获取元素就不能按照vue2的方式来获取。目标:掌握使用ref属性绑定DOM或组件获取DOM或者组件实例可以使用ref属性,写法和vue2.0需要区分开基于Vue2的方式操作ref-----数组场景<ul> <li v-for="(item, index)原创 2021-09-11 10:04:29 · 20462 阅读 · 0 评论