Vue组件库与Vue实例:钩子函数与生命周期

需积分: 0 0 下载量 2 浏览量 更新于2024-08-03 收藏 21KB DOCX 举报
"Vue.js组件库使用、Vue实例生命周期、Vue指令、事件处理、包管理、Vue Router安装与组件缓存" 1. Vant组件库的<van-swipe>标签特性: - `autoplay` 属性实际上用于设置轮播图片自动轮播的间隔,但单位不是sms,而是毫秒(ms)。 - `indicator-color` 属性是用来设置指示器的颜色,其默认值并不是#1998fa1989,具体默认值需查阅官方文档。 - `vertical` 属性用于设置轮播图是否纵向滚动,但默认值是水平滚动(false),而非纵向滚动。 - `loop` 属性确实用于设置轮播图片是否循环播放,其默认值通常为true。 2. ElementPlus组件库的<el-button>标签的`type`属性: - `type`属性可以设置按钮样式,如:`danger`表示危险按钮,`info`表示次要按钮,`warning`表示警告按钮,但`success`不是预设的按钮类型,可能需要自定义样式来实现。 3. Vue实例的生命周期钩子函数: - `updated`是在组件数据更新后调用的。 - `destroyed`是在Vue实例销毁完成后调用的钩子。 - `created`是在实例创建后立即调用的。 - `mounted`是在实例挂载到DOM后调用的。 4. Vue中的`v-for`指令: - 在使用`v-for`遍历列表时,需要通过`key`属性为每一项提供唯一标识,以便Vue跟踪数据。 5. Vue事件修饰符: - `.self`用于限制事件处理函数仅在事件源是当前元素时触发。 - `.capture`使事件处理器在捕获阶段运行。 - `.prevent`用于阻止事件的默认行为,而不是阻止事件冒泡。 - `.stop`是用于阻止事件冒泡的修饰符。 6. Node.js包管理: - 使用`npm uninstall`命令可以卸载指定的包依赖。 7. Vue实例对象的方法: - `watch`是Vue实例中用于监听状态变化的参数。 8. Vue 3的`setup`语法糖中声明自定义事件: - 使用`defineEmits()`函数来定义可触发的自定义事件。 9. Vue Router的安装: - 安装Vue Router的正确命令是`npm install vue-router`。 10. Vue组件的缓存与生命周期: - 当组件被缓存时,会触发`onActivated()`生命周期钩子函数,在组件被重新激活时调用;而`onDeactivated()`则在组件被缓存(或暂停)时调用。`mounted()`和`updated()`是在组件挂载或数据更新时调用的,与缓存无关。 以上知识点涵盖了Vue组件库的使用、Vue实例的生命周期、Vue指令的运用、事件处理、包管理npm以及Vue Router的安装与组件缓存的生命周期阶段。这些都是Vue.js开发中的基础且重要的概念。