vue
关注
分享
扫一扫
文章平均质量分 78
bdawn
JS全栈|软件工程师，负责公司所有前后端项目的开发和管理。
展开
-
Vue组件性能飙升指南：10大核心策略告别无效渲染
优化 Vue 组件性能主要从减少不必要的渲染、提高渲染效率和降低计算开销三个方面入手。通过组合应用这些优化策略，可以有效降低Vue组件的渲染开销，提升应用性能。建议优先处理高频渲染的组件和大型列表，然后逐步优化其他部分，同时注意不要过度优化导致代码复杂度上升。原创 2025-02-25 14:28:53 · 902 阅读 · 0 评论 -
深入了解vue自定义组件之v-model
官方文档地址v-model大多用于input组件，默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的可以使用组件的model来自定义prop和事件自定义checkbox组件<template> <div> <label>我是label&...原创 2019-10-07 12:37:14 · 251 阅读 · 0 评论 -
深入了解vue自定义组件之插槽slot
vue插槽官方文档地址vue中，自定义组件一般只需要新建一个vue模板文件，根据需求定义组件样式即可，如下自定义组件文件 MyComponent.vue<template> <div> {{msg}} </div></template><script> export defaul...原创 2019-09-19 14:43:28 · 3229 阅读 · 1 评论 -
深入了解vue自定义组件之Prop
Prop就是在组件上自定义的特性官方文档基本使用方式组件文件：PropDemo.vue<template> <div> <p>{{myMsg}}</p> </div></template><script> export default { nam...原创 2019-09-30 14:39:10 · 1671 阅读 · 0 评论 -
深入了解vue自定义组件之$listeners
官方文档地址$listeners是vue提供的一个对象，里面包含了所有作用在这个组件上的监听器。比如你要自定义一个input组件，需要监听input获取焦点的事件你可以这样做自定义组件代码<template> <div> <input type="text" v-on:focus="handleFocus" v-on:input="h...原创 2019-10-07 15:15:44 · 1280 阅读 · 0 评论