vue
文章平均质量分 84
vue相关
木木林_
这个作者很懒,什么都没留下…
展开
-
简单易上手的vue3.0+ts实战小项目!!附带后台接口
1.前言一直想体验一下vue3的开发使用,但是一直在推脱,正好最近也在学习Ts那不如直接做个小项目好了,在找项目的时候发现有的项目都比较大,但是一个经典todoList有闲的太单调。????拿起手机突然看到我小米手机中的原生便签应用,看起来还不错,于是就有了下面这个小demo。还在犹豫没有上手项目的同学赶快动起来吧!????github地址:https://github.com/1034637588/ToDoList2.项目演示通过增、删、改、查的顺序进行一下简单的演示✋3.项目介绍其实就是原创 2021-01-26 22:08:31 · 17007 阅读 · 25 评论 -
vue组件封装到发布到npm,实现一个属于自己的组件
1.介绍本文主要整理从开发到发布的流程,组件功能就不做介绍了平时学习工作如果有好的想法,好的组件,好的功能,想要和他人分享或者自己保留。提价到仓库是一个办法但是总是不够便捷的,如果想直接安装使用可以选择发布到npm,今天就举例看看发布的流程!2.项目搭建1)我们以vue的组件封装为例...原创 2020-12-28 22:54:00 · 588 阅读 · 0 评论 -
移动端vue slider滑块组件、单滑块和双滑块,及其二次封装
1.介绍与演示滑块组件,支持滑动,点击演示:2.安装npm install z-slider-vue -S3.引入import Slider from 'z-slider-vue'import '../node_modules/z-slider-vue/dist/z-slider-vue.css'Vue.use(Slider)4.使用 <double-slider :leftx="0" //左边滑块起始位置 :rightx="1" //右边滑原创 2020-12-27 16:33:37 · 4251 阅读 · 1 评论 -
VUE-CLI 构建多页应用
1、 使用vue-cli构建多页面只需要配置多个入口文件2、先来看看实现效果3、目录结构4、main.js入口文件 (另外三个页面均相同 只是引入页面路径不同而已)import Vue from 'vue'import App from '../views/App.vue'import router from '../router'Vue.config.productionTip = falsenew Vue({ router, render: h => h(App)}).$m原创 2020-11-04 15:31:19 · 562 阅读 · 0 评论 -
vue实现一个滚动日期选择器组件
日期选择器组件1.先来看看实现效果2.在开发之前,要先了解清楚需要完成的需求再逐个优化 (以下主要介绍思路具体实现,随机应变)1) UI方面我们需要实现上下滚动选择,需要注意的主要细节就是滚动结束后,需要自动校正位置,比如正好滚动到两个年份之间,这时应该自动滚向占比比较大的一方2) 第二个需要注意的就是每月的天数是不同的,1 3 5 7 8 10 12 有31天,2月闰年29天 平年28天,剩余月份30天(year % 4 === 0 && year % 100 !== 0原创 2021-01-28 18:14:19 · 6022 阅读 · 7 评论 -
一款开源的音视频会议直播系统、会议画板、会议群聊
目录结构该项目主要实现一对多会议直播,实时会议画板,和群聊功能会议直播主要用webRTC进行开发,画板使用fabric.js以对象的方式进行开发,通信主要使用socket.io、vue-socket.io项目启动npm install 安装依赖...原创 2020-11-27 14:59:15 · 1590 阅读 · 1 评论