vue
vue中的render函数介绍
简介：对于不了解slot的用法（参考：大白话vue-slot的用法）又刚接触render函数的同学来说，官网的解释无疑一脸懵逼，这里就整理下个人对render函数的理解问题： 1、render函数是什么 2、render函数怎么用render函数是什么 简单的说，在vue中我们使用模板HTML语法组建页面的，使用...
理解Vuex的辅助函数mapState, mapActions, mapMutations用法
在讲解这些属性之前，假如我们项目的目录的结构如下：###目录结构如下：demo1#工程名||---dist#打包后生成的目录文件||---node_modules#所有的依赖包||---app|||---index||||--views#存放所有vue页面文件|||||--parent.vue#父组件|||||--ch...
vue-preview用法详解
Vue-preview是一个非常好用的移动端图片预览的组件，简单易用是它的一大特点，支持滑动换图，支持手势缩放，显示当前时第几张和总共多少张。 vue-preview1.1.3版本跟之前有了一点变化，现把具体用法记录一下。 1.安装 npmivue-preview-S 2.在main.js文件中导入该组件，...
vue 合成图片
目的：将二维码图片和背景图片合成变成一张图片 引入依赖cnpminstallqrcanvas--savecnpminstallhtml2canvas--save具体代码：<!--分享图片生成--><template><divclass="container...
详解vue的diff算法
我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。先来了解几个点...1.当数据发生变化时，vue是怎么更新节点的？要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom...
16款优秀的Vue UI组件库推荐
16款优秀的VueUI组件库推荐Vue是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少...
vue的mixins的使用
mixins就是混入。一个混入对象可以包含任意组件选项。同一个生命周期，混入对象会比组件的先执行。1.创建一个test.js，用export暴露出mixins对象exportconstmixinsTest={methods:{hello(){console.log("hello");}},created(){this....
Vue入门---常用指令详解
Vue是一个MVVM（Model/View/ViewModel）的前端框架，相对于Angular来说简单、易学上手快，近两年也也别流行，发展速度较快，已经超越Angular了。比较适用于移动端，轻量级的框架，文件小，运行速度快。最近，闲来无事，所以学习一下Vue这个流行的框架，以备后用。一、指令v-model多用于表单...
vue中的文件上传和下载
vue中的文件上传主要分为两步：前台获取到文件和提交到后台获取文件前台获取文件，主要是采用input框来实现<el-dialog:title="addName":visible.sync="dialogAddFile"width="500px"style="padding:0;"@close="resetAdd"...
vue 页面跳转的两种方式
1，标签跳转 <router-linkto='two.html'><button>点我到第二个页面</button></router-link>2，点击事件跳转 html: &nbs...
Vue 打包部署上线
1，VUE逻辑编写完成后在当前项目下打包npmrunbuild需要注意的是，当打包完毕后，需要将入口的index.html的项目dist路径改成相对路径另外需要注意的一点是，一旦打包vue.js项目，需要确保项目内必须使用vue.js语法来写功能，比如a标签要替换成<router-link>,传统的wind...
vue项目利用apicloud打包成apk过程
页面的开发过程跟我们平时开发一样，利用vue把页面全部完成，最后进行npmrunbuild将项目打包。接下来就是apicloud打包的过程，首先我们要去apicloud官网下载开发者工具，我下载是下面这款： 大家选择对应系统进行下载~接下来需要开发者注册apicloud账号~打开APICloudStudio2...
vue安装element-ui和px2rem的细节
vue脚手架搭建完成之后，可以到element-ui官网进行npm安装：npmielement-ui-S如果是完整引入可以按照官网一步一步做即可完成；这里是按需引入，借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。首先，安装babel-plugin-co...
vue的项目结构记录
不知道大家有没这样的情况，面对刚配置好的脚手架，创建的文件不知道该放哪个文件下，导致后面开发一些文件不好找，不利于维护。 接下来我说说我项目中的一些文件：首先是components组件文件 这里放的是一些小组件，包括共用的一些组件，组件里也可拆分哪个页面下的组件进行分类。然后是页面，这些需要添加到路...
Vue移动端项目模板
一个集成移动端开发插件的Vue移动端模板包含1、css:使用stylus开发css集成reset样式文件修改UI组件文件统一样式处理(如主题色等)2、UI组件使用热门的vant与mint-ui插件3、移动端适配集成rem插件移动端适配META标签4、组件集成标题栏组件、无数据组件5、请求集成axios封装请求接口6、b...
