vue
文章平均质量分 53
魔幻星辰
这个作者很懒,什么都没留下…
展开
-
vue3之生命周期函数
在Vue3 Composition API中 附带了一个 setup() 方法。此方法封装了我们的大多数组件代码,并处理了响应式,生命周期钩子函数等。Composition API使我们能够更好地将代码组织为更多的模块化功能,而不是根据属性的类型(方法,计算的数据)进行分离。vue3的生命周期函数跟vue2.x版本有了很大的不同,在vue3中移除了beforeCreate 和 created,增加了setup函数.除了这2个之外还有9个生命周期函数onBeforeMountonMountedon原创 2021-01-31 22:40:07 · 1431 阅读 · 0 评论 -
vue3.0+vite+typescript项目架构搭建
vue3.0 + vite + typescript + Ant Design Vue + router4beta + vuex4beta 架构搭建项目准备工作 1、安装脚手架工具,用的 Vue CLI v4.5 作为 @vue/cli@next。 全局重新安装最新版本的 @vue/cli:yarn global add @vue/cli@next# ORnpm install -g @vue/cli@next 2、Vite Vite是一个 ...原创 2021-01-26 11:52:34 · 2469 阅读 · 2 评论 -
vue 封装视频播放组件,支持m3u8
现小视频横行时代,原video本身不支持m3u8格式,需要做兼容,使video支持meu8格式的视频播放,现容入并封装成vue组件。<!-- 视频播放 --><template> <div class="video_box"> <video ref="video" preload="none" :poster="mypost...原创 2020-01-13 17:01:09 · 2037 阅读 · 0 评论 -
vue 封装图片预览组件
因项目需要,自己封装了个vue图片预览组件<template> <div class="imgs_previews animated" @mousewheel.prevent="wheellEvent($event)" v-if="isOpen" :class="isShow ? 'fadeIn' : 'fadeOut'"> <div c...原创 2020-01-13 16:49:23 · 997 阅读 · 0 评论