vue
vue系列---Vue组件化的实现原理（八）
阅读目录一.什么是Vue组件?如何注册组件？1.1全局注册组件1.2局部注册组件二：组件之间数据如何传递的呢？1)props2)$emit3)使用$ref实现通信4)$attrs和$listeners及inheritAttrs5)理解provide和inject用法6)理解使用bus总线三：在vue源码中注册组件是如何...
如何搭建一个vue项目(完整步骤)
参考资料一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npminstall-gcnpm–reg...
Vue作者尤雨溪：以匠人的态度不断打磨完善Vue （图灵访谈）
访谈对象：尤雨溪，Vue.js创作者，VueTechnology创始人，致力于Vue的研究开发。访谈内容： 你为何选择从事前端方面的工作？其实，我本科读的是艺术史，研究生阶段学习Design&Technology，是设计和技术的混合。开始做前端的一个重要原因是，没有人帮我把设计出来的作品放到网站上给别...
vue关于html页面id设置问题
vue是一个前端框架，类似于angularJS等，vue在编写的时候需要在html页面指定id，但是不是都可以实现的，一般放在id需在div设置里才可以实现。(一)在html里设置id:1<!DOCTYPEhtml>2<htmlid="vue">3<head>...
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...
