分类：Vue.Js

2020
10-08

vue.js实现h5机器人聊天（测试版）

vue.js实现h5机器人聊天（测试版） 本文实例为大家分享了vue.js实现h5机器人聊天的具体代码，供大家参考，具体内容如下<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/><title>登录</title><linkrel="stylesheet"href="css/mui.css"/></head><style>page{background-color:#ececec;}.reply.pic,.send.pic{border... 继续阅读 >
2020
10-08

vue.js实现照片放大功能

本文实例为大家分享了vue.js实现照片放大的具体代码，供大家参考，具体内容如下这里就不放图了，放大的是别人的身份证<template><divclass="image-cell__wrapper":style="border"><spanclass="title":style="{color:titleColor}">{{imageTitle}}</span><spanclass="icon-image"></span><spanclass="image-wrapper"><imgv-for="(item,key)inrealImage":src="imageHandle(item,80,80)"alt="image"></span>... 继续阅读 >
2020
10-08

Vue.Js及Java实现文件分片上传代码实例

说明代码从项目中剥离修改，未经测试，仅提供思路。前端upload(file){//从后台获取已经上传的文件分片数getIdx(md5).then(function(res){letretry=3;uploadPart(retry,file,res.data);}).catch();}uploadPart(retry,file,idx){//设置分片大小（单位Byte）letbufferLength=1024*1024*5;//计算开始的切割点,idx是上传成功的分片数，未上传过文件则开始点为0letstart=idx*bufferLength;//... 继续阅读 >
2020
09-30

vue.js实现简单购物车功能

vue.js实现简单购物车功能 本文实例为大家分享了vue.js实现简单购物车的具体代码，供大家参考，具体内容如下这次我将给大家带来一个vue.js实现购物车的小项目，如有不足请严厉指出。购物车功能有：全选和选择部分商品，选中商品总价计算，商品移除，以及调整购买数量等功能。js主要有以下方法加函数，减函数，手动修改数量判断库存函数，总价格计算函数，单选事件，全选事件，一共分为6个事件具体效果如下图代码在这里main.js'usestrict'varapp=newVue... 继续阅读 >
2020
09-27

详解在Vue.js编写更好的v-for循环的6种技巧

在VueJS中，v-for循环是每个项目都会使用的东西，它允许您在模板代码中编写for循环。在最基本的用法中，它们的用法如下。<ul><liv-for='productinproducts'>{{product.name}}</li></ul>但是，在本文中，我将介绍六种方法来使你的v-for代码更加精确，可预测和强大。让我们开始吧。1.始终在v-for循环中使用key首先，我们将讨论大多数Vue开发人员已经知道的常见最佳做法——在v-for循环中使用:key。通过设置一个惟一的... 继续阅读 >
2020
09-24

在Vue.js中使用TypeScript的方法

虽然vue2.x对TypeScript的支持还不是非常完善，但是从今年即将到来的3.0版本在GitHub上的仓库 vue-next看，为TS提供更好的官方支持应该也会是一个重要特性，那么，在迎接3.0之前，不妨先来看看目前版本二者的搭配食用方法吧~创建项目虽然GitHub上有各种各样相关的Starter，但是使用VueCLI应该是目前相对比较好的方式，在使用vuecreate创建新项目时，对preset选择Manuallyselectfeatures选项，之后添加Type... 继续阅读 >
2018
04-03

Vue.js最佳实践（五招让你成为Vue.js大师）

Vue.js最佳实践（五招让你成为Vue.js大师） 对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。第一招：化繁为简的Watchers场景还原：created(){this.fetchPostList()},watch:{searchInputValue(){this.fetchPostList()}}组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取... 继续阅读 >
2017
12-20

2018 年你应该知道的 Vue.js 的 11 个组件库

2018 年你应该知道的 Vue.js 的 11 个组件库 2018年来临之际，继最热的React组件库和Angular组件库之后，这里有11个流行和实用的Vue.js组件库完善你的下一个用Vue.JS编写UI界面的应用程序。与React和Angular不同的是，Vue.js是EvanYou通过众包（ crowd-sourcing）来维护的一个开源项目。这也是Vue.js最好的一部分，因为会鼓励你写出更好的代码和更好的文档。Vue.js项目在得到8万多个star的时候，Adobe，Gitlab和其他公司... 继续阅读 >
2017
11-30

Vue 升级小记

Vue升级小记最近接手了一个Vue1.0的陈年老项目，需要将其升级到Vue2.0。下面记录一下升级过程：安装迁移工具首先需要安装 vue-migration-helper CLI工具：控制台运行命令： npminstall--globalvue-migration-helper CLI工具来帮助项目从Vue1.x迁移到2.x。它扫描文件以查找特定于Vue的代码，并对需要升级的代码提供详细的警告。 vue-migration-helper ... 继续阅读 >
2017
10-03

从 Template 到 DOM（Vue.js 源码角度看内部运行机制）

从 Template 到 DOM（Vue.js 源码角度看内部运行机制） 写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。在学习过程中，为Vue加上了中文的注释https://github.com/answershuto/learnVue/tree/master/vue-src，希望可以对其他想学习Vue源码的小伙伴有所帮助。可能会有理解存在偏差的地方，欢迎提issue指出，共同学习，共同进步。从new一个Vue对象开始letvm=newVue({e... 继续阅读 >
2017
09-18

尝一尝Vue全家桶

尝一尝Vue全家桶 Vue.js是当下很火的一个JavaScriptMVVM库，它以数据驱动和组件化的思想构建。不管你是Angular的忠实粉，还是React的迷恋者，有机会多了解一个框架也没什么坏处，更何况Vue上手难度还是比较低的。本文将介绍Vue全家桶（Vue+Vue-router+Vuex）在项目中的使用。经过一个项目的开发，个人感觉相比于React，Vue给我最大的感受是简单、易理解，不过这可能和我自身对React的掌握程度及本次开发的项目大小有关。... 继续阅读 >
2017
07-06

JavaScript 进阶之深入理解数据双向绑定

JavaScript 进阶之深入理解数据双向绑定 前言谈起当前前端最热门的js框架，必少不了Vue、React、Angular，对于大多数人来说，我们更多的是在使用框架，对于框架解决痛点背后使用的基本原理往往关注不多，近期在研读Vue.js源码，也在写源码解读的系列文章。和多数源码解读的文章不同的是，我会尝试从一个初级前端的角度入手，由浅入深去讲解源码实现思路和基本的语法知识，通过一些基础事例一步步去实现一些小功能。本场Chat是系列Chat的开篇，我会首... 继续阅读 >
2017
03-30

Vue.js 插件开发详解

前言随着Vue.js越来越火，Vue.js的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的vue-router、vuex等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的vue-toast插件，来了解掌握插件的开发和使用。认识插件想要开发插件，先要认识一个插件是什么样子的。Vue.js的插件应当有一个公开方法install。这个方法的第一个参数是Vue构造... 继续阅读 >
2017
03-13

Vuex新手入门指南

Vuex新手入门指南 很多人在学习完Vue.js之后还会看到一个经常被提及的词语叫做Vuex。Vuex字面上看与Vue.js只差了一个字母，但是他们两个做的事情完全不一样。在本文我会像之前的Vue.js新手入门指南文章一样的问答形式来写文章。1.Vuex是什么？我们还是像以往一样先看一看官方文档对此的解读（Vuex是什么？·GitBook）Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的... 继续阅读 >
2017
03-13

Vue.js新手入门指南

Vue.js新手入门指南 最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发，从一个从未接触过除HTML+CSS+JavaScript+JQuery以外的前端技术的人到现在可以独立使用Vue.js以及各种附... 继续阅读 >