wangjun5159的专栏

debounce是防抖动，就是延迟一段时间再执行，指定时间内如果有多次动作，则取消先前动作，以最后一个动作为基点往后延迟。最经典的应用场景就是根据关键词搜索，我们通常会监听change事件，在onchange函数中执行远程搜索，如果输入3个字符，则onchange执行3次，其实输入完3个字符后，执行1次就可以了，但我们无法得知什么时候输入结束，所以才用延迟执行，比如输入了第1个字符，则延迟300毫秒后执行，如果300毫秒内，输入了第2个字符，则取消第一个字符的查询，第2个字符延迟300毫秒执行，如果300毫

vue文件中，绑定属性使用字符串模板，这样写:name="`name-client-${count}`"参考Combining string & variable in element attribute in Vue component template

keep-alive的一般用法使用<keep-alive></keep-alive>，用来开关直接子元素，如果有多个条件性的子元素， 要求同时只有一个子元素被渲染。keep-alive跟transition一样，不会生成DOM，include属性，它用来指定要缓存组件的name，可以是字符串、数组、正则表达式，字符串可以用逗号隔开表示多个组件name；include会先匹配组件的name，如果name没有指定，那么匹配父组件中注册的名字(components中的名字)。实践中有个场

路由组件耦合接收参数方式通过路由传参时，通常会<div>{{$route.param.id}}</div>这样就将路由与组件耦合了，为了解耦。params时的解耦方式第一在router.js中，声明props:true，代表将$route.param作为 参数作为组件的属性设置进去。第二，在组件props中声明对应属性。比如，路由要传id，那么第一，router.js{ name:"myPath", path:"/myPaht", component:MyC

element select选中对象 下拉菜单选中对象api文档上说，select的v-model值只能是boolean、number、string，虽然对象不在此列，其实是可以绑定对象的<el-selectvalue-key=“id”v-model=“order”<el-option v-for="(order,idx) in orders":key="idx":label="order.name":value="order"></el-option>

chrome浏览器中，调试面板没有vue面板，控制台中显示Vue.config.devtools=false，另外一个项目正常显示vue面板，所以基本可以排除浏览器的原因。devtools不显示只有两种情况，第一种是使用了vue的压缩版本，第二种设置了Vu.config.devtools=false，代码中并没有显式设置，所以只能是第一种情况，查看网络请求，的确使用了vue的压缩版本。在代码中也找到了配置的地方，在index.html中，引用了cdn的vuejs//index.html<s

问题vue cli默认生成的工程中，main.js绑定了#app，绑定的是index.html中的div还是App.vue中的div？//main.jsimport Vue from 'vue'import App from './App.vue'Vue.config.productionTip = falsenew Vue({ render: h => h(App),...

vue中的passivevue的文档中提到Vue 还对应 addEventListener 中的 passive 选项提供了 .passive 修饰符。但对其作用并未提及，一直未弄明白其意思，其实在文档中，作者都有暗示，addEventListener和passive都可以点击。点击passive，调到mdn文档。passive: Boolean，设置为true时，表示 list...