1.动态路径传参
2.query传参

vue-router 路由配置

1.使用better scroll@1.0版本来实现滚动效果 yarn add better-scroll@1.11.1
2.实现页面左右联动

本期将简单介绍一下用slice实现页码翻页

因为后端返回的是数组包对象的数据
所以使用了slice的方法

let page = ref(1)
let pagesize = ref(10)

let start = (页数 - 1) * 每页显示的条数   ======> let start = (page - 1) * pagesize
let end = start + 每页显示的条数     ======>    let end = start + pagesize

list.slice(start,end)

1.在Vue Router4版本里面,解决路由配置时的报错
2.引入Vue Router时的方式

如下面所示,后端返回来的数组是单引号

ans: "['个人首套房商贷利率,根据个人征信情况,最多享受95折,折后4.65%']"

如果直接将这个字符串数组遍历会报错
那么就使用下面的方法实现

if (ans.indexOf("[") >= 0 && ans.indexOf("]") >= 0) {
                    let truearr = ans.replace(/'/g, '"');
                    return JSON.parse(truearr)
                } else {
                    return []
                }

获取小程序胶囊时的兼容问题

用wx.getMenuButtonBoundingClientRect()来获取胶囊的信息

父传子:在父组件中通过props属性传递数据给子组件，在子组件中通过props接收数据。
子传父:子组件可以通过$emit触发事件并将数据传递给父组件,在父组件中通过v-on监听事件并处理数据。
任意传:创建一个空的Vue实例作为事件总线，在任意组件中都可以通过该事件总线来触发和监听事件，并传递数据。这种方式可以实现非父子组件之间的通信。

1.query传值把参数带在地址栏上, 刷新保留参数
2.params传值内存传值, 刷新参数丢失
3.动态参数, 一般用在router-link上较多,把参数携带在path路径上, 通过配置路由的动态属性进行接收