vue

vue实例的选项总结

一、数据 API:https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE 1. data 类型:Object | Function 限制:组件的定义只接受 function 详细:Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。对象... »

vue实现在线学生录入系统

最近一直在学Vue,这次做了一个简单的在线学生信息录入系统来巩固一下所学知识。 因为主要是巩固Vue的知识,所以数据也没放数据库,也没用JavaBean或者Servlet,直接写死到表单里了。 具体页面是这样的: 先罗列一下其中用到的Vue的知识点: ①v-for指令的使用 ②v-model指令的使用 ③v-on/@click指令的使用 再提一下可能会用到的知识点: ①JavaScript中对数组... »

vue模块移动组件的实现示例

一直都想实现类似于五百丁中简历填写中模块跟随鼠标移动的组件,最近闲来无事,自己琢磨实现了一个差不多的组件。其中每个模块都是组件调入,所以这里也用到了动态加载组件方式。 »

vue项目或网页上实现文字转换成语音播放功能

一、在网页上实现文字转换成语音 方式一: 摘要:语音合成:也被称为文本转换技术(TTS),它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。 1、 使用百度的接口: http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字 2、参数说明: lan=... »

如何在vue中使用jointjs过程解析

在vue中引入joint.js的问题,之前在网上搜了很多,都没有给出一个确切的答案,捣鼓了两天终于弄明白了,做个记录。 首先,我参考了一篇来自stackoverflow的文章 看完这篇文章,大家应该至少大致怎么做了,下面我们来具体看一下: 首先在vue项目中运行npm install jointjs –save 然后在入口文件,我的是main.js,也有可能是app.js中加入下面两行... »

vue父子组件间引用之$parent、$children

子组件访问根组件:$root我是mxc组件我是子子组件啊巨颤祖child总结到此这篇关于vue父子组件间引用:$parent、$children的文章就介绍到这了,更多相关vue父子组件间引用:$parent、$children内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网! »

浅谈vue的第一个commit分析

为什么写这篇vue的分析文章?对于天资愚钝的前端(我)来说,阅读源码是件不容易的事情,毕竟有时候看源码分析的文章都看不懂。每次看到大佬们用了1~2年的vue就能掌握原理,甚至精通源码,再看看自己用了好几年都还在基本的使用阶段,心中总是羞愧不已。如果一直满足于基本的业务开发,怕是得在初级水平一直待下去了吧。 »

vue实现信息管理系统

最近学习了vue,自己用bootstrap+vue写了一个信息管理系统,只有前端,没有后台,可以实现基本的增、删、改、查 具体效果在结尾处有附图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> body,htm... »

15分钟上手vue3.0(小结)

Vue 3 还没有正式发布,但是 Alpha 版本已经发布了。虽然官方还不推荐在生产环境中直接使用 Vue 3 ,但是提前学习总归是有好处的。一些新特性包括:1、Composition API2、Multiple root elements3、Suspense4、Multiple V-models5、Reactivity6、Teleport7、Transition8、Remove Filter9、... »

从零开始在vue-cli4配置自适应vw布局的实现

简介 viewportWidth也是vw布局从配置上来说比rem布局简洁了很多,bu需要配置安装lib,也不需要增加一个rem.js文件 简称拎包使用 安装包 npm install postcss-px-to-viewport -D 或者 yarn add postcss-px-to-viewport -D 配置移动端 在vue.config.js中找到loaderOptions,如果没有的话需... »

vue实现户籍管理系统

本文实例为大家分享了vue实现户籍管理系统的具体代码,供大家参考,具体内容如下 户籍管理系统,v-model,v-for的引用 界面预览 步骤思路: 1.html+css创建 2.引入vue,实例 3.准备默认数据message数组 4.渲染默认数据,v-for循环表单 5.创建一条新数据newmessage 6.绑定到输入框v-model 7.创建一个添加函数add(),把新数据添加到默认数据中... »

Vue项目移动端滚动穿透问题的实现

概述今天在做 Vue 移动端项目的时候遇到了滚动穿透问题,在网上查资料后,选取了我觉得最好的方法,记录下来供以后开发时参考,相信对其他人也有用。 »

vue-router的hooks用法详解

而vue-router 4.0还是alpha的阶段,所以我认为现在去学习它有些为时尚早。依靠多年的开发经验,我很快就定位到了是vue-router的错误。vue-router里的hooks不过这时我突然灵光一现,vue 3不是受到了react hooks的启发才产生了Composition API的吗?那么估计vue-router肯定也会受到react-router的启发了!到此这篇关于vue-r... »

基于vue实现探探滑动组件功能

前言 嗨,说起探探想必各位程序汪都不陌生(毕竟妹子很多),能在上面丝滑的翻牌子,探探的的堆叠滑动组件起到了关键的作用,下面就来看看如何用vue写一个探探的堆叠组件 ? 一. 功能分析 简单使用下探探会发现,堆叠滑动的功能很简单,用一张图概括就是: 简单归纳下里面包含的基本功能点: 图片的堆叠 图片第一张的滑动 条件成功后的滑出,条件失败后的回弹 滑出后下一张图片堆叠到顶部 体验优化 根据... »

vue和小程序项目中使用iconfont的方法

一、vue中使用iconfont1、百度搜索iconfont或者阿里巴巴矢量图标库官网,注册登录;2、找到图标管理->新建项目,或者使用已有的项目,用于保存自己的图标;3、搜索自己需要的icon;4、添加到购物车中;5、购物车中就有了相应icon6、点击购物车,选择添加至项目。 »

Vue自定义render统一项目组弹框功能

我们可以体会到,通常要弹出一个页面,需要创建一个页面 normalDialog.vue 包裹 dialogBody.vue ;需要 parent.vue 设置flag控制弹框显示隐藏, normalDialog.vue 关闭的时候设置 parent.vue 对应 flag 。如果一个项目弹框较多的时候,弊端将会更明显,大量的 isXxxDialogShow ,大量的 vue 文件。因此项目组急需一... »

vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果

最近遇到了之前没有碰到过的一个问题:编辑器输入内容时,最好让内容一直保持在可视区域,比如如果区域超出的话,就在键盘抬起时向上滚动一定距离。 »

vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码

有这样一个场景:如果你在登录之前输入了http://localhost:8080/oauth2-mgm-app/#/userManage,想进入userManage页面,但是由于没有登录,系统是不会让你进入这个页面,之后会被定向到login页面。但是在登录之后,认为你有这个权限了,就需要重新定向到userManage页面。大致流程图如图1所示: 图1 登录后跳转到未登录前指定页面流程图   在vu... »

基于Vue sessionStorage实现保留搜索框搜索内容

保留搜索框内容:利用sessionStorage来保存每次搜索框的内容。比如路由是carManage 键名就是carManageStor因为不止一个页面要实现这个效果,在进入页面时要进行一次取值,拿浏览器存储中的数据:sessionStorage.getItem为了好看,把获取的方法写到method里了,getDefaultStor routeName参数的话看你自己的路由名啦,从this.$ro... »

node+vue实现文件上传功能

' }) }});*前端* 添加文件 } *js处理逻辑数据*saveData() }).then(res => ) }, 1000); } }).catch(err => { this.$message.error('服务器繁忙,请稍后重试! »

vue相关配置文件详解及多环境配置详细步骤

1.package.json 作用: package.json 文件其实就是对项目或者模块包的描述,里面包含许多元信息。比如项目名称,项目版本,项目执行入口文件,项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。 文件结构如下: { "name": "sop-vue", "version": "0.1.0", "author": "zhangsan <zhangsa... »

webpack安装配置与常见使用过程详解(结合vue)

webpack介绍和安装 webpack:前端模块化打包工具 安装webpack需要安装Node.js,Node.js自带软件包管理工具npm 查看自己的node版本: node -v 全局安装webpack cnpm install webpack -g 查看webpack版本 webpack –version 局部安装webpack cnpm install webpack ... »

vue中实现图片压缩 file文件的方法

项目中遇到上传图片需要在前端进行图片压缩,将我的实现思路记录一下。(我已经拿到上传的file文件的前提下) 先创建一个公用的js,这里我的是api.js,里面封装一些常用的方法 将图片压缩的方法写到这个公用的js(api.js)中 //base64转码(压缩完成后的图片为base64编码,这个方法可以将base64编码转回file文件) function dataURLtoFile(dataurl... »

vue+koa2搭建mock数据环境的详细教程

前段时间写了一篇前端vue项目实现mock数据方式的文章,主要是在vue项目里使用mock数据,数据和项目耦合在一起,不太优雅,作为一个有追求的前端,怎么能容忍这种方法呢?特以此篇,记录利用koa2搭建服务端,提供mock数据的方法。 初始化vue项目 这里以vue项目为主,当然别的类型项目依然可以使用这种mock数据的方式。 vue create vue-koa2-demo 前提是安装了vue-... »

多页vue应用的单页面打包方法(内含打包模式的应用)

一、简介 关于如何以及为什么要构建多页vue应用,我们在上一篇文章中已经介绍过,感兴趣的请参考构建多页vue应用。本文我们要介绍的是,对于一个多页应用,如何单独打包其中一个(或几个)页面。 一般来说,多页应用不需要打包单个页面,这多个页面可以作为整个应用直接放在静态资源服务器上。不过我们也说过,多页应用的每个页面也可能会放在不同的服务器上,这时候如果往每个服务器上都放置完整的资源包,就会显得过于臃... »

Page 1 of 256123»