qq_42372534的博客

vue组件含有v-model的props,当对其进行封装,想对该属性进行双向绑定时,可以采用computed的方式包一层。来深层代理,但是只适合要封装的组件prop的内部的变量数据类型一致,不一致就只能拆开写,通过。更新内部变量, 然后内部变量在内部的。变化时抛出事件通知父组件.

在vue2.x中，防抖和节流一般是通过引入防抖函数debounce和节流函数throtte，对事件回调进行一层包裹，然后在模板中绑定包裹后的事件回调，这样每个需要用的地方都需要进行防抖，节流函数的导入，事件回调的包裹，比较麻烦。通过摸索，有以下两种方法。

【代码】vue3在setup中通过getCurrentInstance获取传给组件的事件回调。

【代码】element-ui中获取el-divider的组件的ref时为空。

安装依赖在package.json添加脚本创建补丁然后,执行npm install 或者 yarn install时就会为我们给对应的包打补丁了

createApp({}).mount(‘#app’)入口文件 runtime-dom/src/index.txReactiveEffect

如在搜索框中,绑定了有个响应式变量searchValue,但是有个请求数据的方法不需要该变量的代理跟踪访问,这么在输入框输入该值时,不会一直触发该请求方法,直到点击按钮,才触发该方法返回 reactive 或 readonly 代理的原始对象。这是一个“逃生舱”，可用于临时读取数据而无需承担代理访问/跟踪的开销，也可用于写入数据而避免触发更改。不建议保留对原始对象的持久引用。请谨慎使用。...

vue3的render函数插槽使用

引入全局cssimport ‘vant/lib/index.css’;引入单个组件样式import ‘vant/lib/toast/style/less’;新建一个less文件，用于修改vant的less变量如conver_vant.less,在里面修改变量//toast@toast-background-color:blue;@action-sheet-max-height:80%!important;在vue.config.js里按照官方提示配置这里注意要使用绝对路径，并

目的：实现一个移动端可以滑动，并且滑动超出边界有回弹效果的组件。思路：监听scroll容器的touch事件，记录触摸点的坐标以及触摸过程中x,y的变化量，利用css3的translate来做滚动，并且禁止滚动条和mousewheel事件，回弹效果通过在touchend事件中判断translate值是否让内部元素滚动出边界，如果是则translate到边界对应的translate值。使用如下：direction:“vertical”||horizontal，水平滚动或者垂直滚动<Scroll