Element iView Vuex Mint UI Vant cube-ui,对比六大 vue ui 组件库,选中最适合的那个。 Element(pc) 介绍 & 版本 饿了么前端团队开发的桌面端组件库,当前最…
分类:vue.js教程
【webpack】vue2.5 + webpack3 常用loaders汇总
从零开始搭建vue+webpack环境,坑很多,各种plugins和loader眼花缭乱,最关键的是很多loader随着webpack4升级也是大改造,新版本在webpack3上直接用不了。下面关键记录些东西和版本 1.…
vue-router和webpack懒加载,页面性能优化篇
在vue单页应用中,当项目不断完善丰富时,即使使用webpack打包,文件依然是非常大的,影响页面的加载。如果我们能把不同路由对应的组件分割成不同的代码块,当路由被访问时才加载对应的组件(也就是按需加载),这样就更加高效…
利用vue-draggable完成多级树形拖拽
长话短说:业务流程。一串json,一级数据能互相拖动,一级数据下的二级数据只能在当前一级数据的二级数据拖动,以此类推 目前demo写的是3级树形,可以拓展成N级 demo:https://powhd.github.io/…
Vue自定义组件(简单实现一个自定义组件)
在用vue构建项目的过程中,我们有时会用到别人开发的组件如vue-router;使用他人组件的正常步骤如下:1、命令行进行安装,执行install;2、在vue项目中的入口文件main.js中,进行导入;3、然后用Vue…
使用 Parcel 构建 Vue.js 项目
Parcel 是一款 Web 应用打包工具,与 Webpack 相比,最大的特点就是极速零配置。 因为使用 npm 会出现莫名其妙的安装失败问题,所以这里使用 yarn 管理依赖。 初始化项目 yarn init 安装依…
1-3. Vue.js核心知识之表单绑定
我们可以用 v-model 指令在表单 input 及 textarea 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 文本输入框 <!-- 你可以通过变量message取到输入到文本框中…
减小发布到npm包的体积与避免重复依赖
这两天一直在忙于封装一个vue table组件并发布到npm,记录一下我是如何把npm包的大小从100多kb减小到不足1kb的过程。 背景 这个组件底层依赖于element-ui,使用了其table组件和paginati…
Understand .sync in Vue
Preface The first time I met .sync modifier, I didn’t know it very well. So, I seldom use that. Today, I…
几种常见的Vue组件间的传参方式
几种常见的Vue组件间的传参方式 Vue父子组件通讯的方法其实有很多,本文只是做一个总结,说说他们的优缺点,具体如何使用相关文档和网上大神已经总结的很多里,这里就不再说明。 1.Vuex 介绍 Vuex 是一个专为 Vu…
webRtc及组件之间通信
应公司项目需求。 需要在原先完整项目的基础上将音视频通话部分与项目进行分离, 形成单独的组件。 实现在项目中传入url, 后弹出model框进行两端音视频通话。 通话功能 通话功能的流程是通过页面上的某个按钮执行init…
vue proxyTable 接口跨域请求调试
vue proxyTable 接口跨域请求调试 在 config/index.js 文件下修改修改 dev 变量 const proxyTable = { target: 'https://baidu.com', // …