-Vue系列

2020-10-10

Vue系列学习目前已找到工作，在进修前端，java方面的知识就放后啦，去恶补了html+js+css三剑客。
秃头员·2020-10-10 23:47

04、手把手教Vue--props

PS：转载请注明出处作者:TigerChain地址:https://www.jianshu.com/p/87ff57037d9c本文出自TigerChain手把手教Vue系列本节大纲本节大纲教程简介1、
TigerChain·2020-09-21 21:55

Vue系列5 - Vue+axios实现文件下载

文件下载：文件下载通常有几种方法1.通过url下载2.location.href3.form提交直接下载4.HTML5a.download结合blob对象进行下载第一种方式：第一种方法是前后端的接口只给了一个API请求：前端第一个实现是使用a标签，第二种方式：这个方法是直接把DataURLs或者BlogURLs传到浏览器地址中触发下载。有两种方式：window.location.href=urls
西北码农·2020-09-17 10:37

Vue.js用cdn方式引入

CDN下载地址：https://vuejs.org/js/vue.min.js以及Node.js：Vue系列:windows下npm安装vue今天博主将为大家分享Vue.js用cdn方式引入！
陈永佳·2020-09-17 04:44

Vue系列——在vue项目中使用echarts

该示例使用vue-cli脚手架搭建安装echarts依赖npminstallecharts-S1或者使用国内的淘宝镜像：安装npminstall-gcnpm--registry=https://registry.npm.taobao.org1使用cnpminstallecharts-S1创建图表全局引入main.js//引入echartsimportechartsfrom'echarts'Vue.
源辰_付·2020-09-16 23:43

超全的vue快速入门教程，原理解析（转载）

超全的vue快速入门教程，原理解析（转载）Vue系列具体链接：https://www.jianshu.com/nb/23783223点我直接跳转
愿心无迫·2020-09-16 06:01

Vue系列——在vue项目中使用echarts

安装echarts依赖npminstallecharts-S11或者使用国内的淘宝镜像：安装npminstall-gcnpm--registry=https://registry.npm.taobao.org11使用cnpminstallecharts-S11创建图表全局引入main.js//引入echartsimportechartsfrom'echarts'Vue.prototype.$ech
weixin_30672295·2020-09-15 08:11

ElectronVue系列 -- 4.左右拖拽div侧边栏，调整区域大小

如下，一分为三，想要可以拖拽，调整左、中、右大小话不多说，直接上代码代码示例HTML代码其实是5个div，拖拽区域也是div，只不过就是窄一点CSS代码css还是有的，鼠标样式至少要改变#hello-id{height:100%;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;}.
Tomonkey·2020-09-14 03:59

Vue系列：Vue开发技巧不多不少刚好10个

相关阅读：Vue系列：实例理解Vuex相关文档：router.vuejs.org/zh/guide/es…分享一、路由参数解耦一般在组件内使用路由参数，大多数人会这样做：exportdefault{methods
陈永佳·2020-09-14 03:03

VSCode(Visual Studio Code) 自用插件

Vue系列Veturiview-snippetsvscode-element-helper微信小程序系列minappwechat-snippetjQuery系列jQueryCodeSnippets转载于
weixin_30621959·2020-09-13 23:20

Vue系列五：条件渲染

条件渲染指令v-ifv-elsev-show比较v-if与v-show如果需要频繁切换v-show较好表白成功表白失败求婚成功求婚失败切换newVue({el:'#demo',data:{ok:true,}})
苍穹尘·2020-09-13 22:56

vue系列：使用URLSearchParams处理axios的请求数据

使用axios发送数据的时候，有时会遇到格式不正确的问题，例如axios({method:'post',url:'/test',data:{name:'li',age:18}})得到的这样的格式：我们用jquery的ajax的数据格式是这样的：修改首先修改请求头，然后把数据用URLSearchParams转换一下就好啦。transParams=(data)=>{letparams=newURLSe
Lvan-Zhang·2020-09-13 09:30

细谈 vue - transition-group 篇

本篇文章是细谈vue系列的第四篇，按理说这篇文章是上篇《细谈vue-transition篇》中的一个单独的大章节。然鹅，上篇文章篇幅过长，所以不得已将其单独拎出来写成一篇了。
weixin_34417635·2020-09-13 09:21

vscode新建vue文件使用自定义模板

[vue系列]vscode新建vue文件使用自定义模板每次新创建vue文件，固定的模块总是反复重复，所以利用VSCode的snippet在.vue文件创建后能轻松地生成一套模板。
qq_40324997·2020-09-13 02:43

【vue系列】项目开发中常用的Vue小技巧--全局注册过滤器，全局组件注册，不同路由的组件复用

一、前言vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美地进行开发。下面有一些我在日常开发的时候用到的小技巧二、全局注册过滤器1、正常写法之前我是这么写的过滤器的，在具体页面中。filters:{roleFilter(val){//处理逻辑if(val===1)return'管理员'if(val===2)return'办公室人员'if(val===3)re
松宝写代码·2020-09-12 23:23

vue系列--vue是如何实现绑定事件

一、前言vuejs中的事件绑定，使用来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法。二、事件绑定方式1、直接在标签中写js方法执行方法的第一种写法2、调用method的办法执行方法的第一种写法执行方法的简写写法exportdefault{data(){return{msg:'你好vue',list:[]}},methods:{run:functi
松宝写代码·2020-09-12 23:51

vue系列：vue长按二维码无法识别

问题vue项目中从一个页面跳到二维码页面，长按二维码无法识别。只出现保存图片按钮。产生无法识别二维码的原因有几个可能性：有用到position:fixed则不能识别页面中类似二维码的图片太多导致无法识别，因为识别的算法是先截屏，再识别图片太小但是以上是普通情况无法识别的原因，而本次原因是因为vue路由的跳转，也不知道为啥会这样解决办法用a标签的办法来跳转//setTimeout是为了兼容有些安卓上
Lvan-Zhang·2020-09-12 21:30

Vue系列（二）：发送Ajax、JSONP请求、Vue生命周期及实例属性和方法、自定义指令与过渡...

上一篇：Vue系列（一）：简介、起步、常用指令、事件和属性、模板、过滤器一、发送AJAX请求1.简介vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现axios是一个基于
weixin_34384915·2020-09-10 20:16

Vue系列——Vue-cli脚手架

Vue-cil脚手架1.简单介绍在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli安装命令：npminstall-gvue-cli2.安装脚手架步骤2
EvilKingyhq·2020-09-10 11:18

Vue系列——webpack打包

webpack打包1.为什么需要打包将许多碎小文件打包成一个整体，减少单页面内的衍生请求次数，提高网站效率。将ES6的高级语法进行转换编译，以兼容老版本的浏览器。将代码打包的同时进行混淆，提高代码的安全性。2.打包是什么Webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。Webpack可以将多种静态资源js、css、les
EvilKingyhq·2020-09-10 11:17

vue系列生命周期（四）

vue生命周期，是指vue实例从创建到销毁的一个过程，掌握了这个过程中各个阶段的状态，就能合理使用，是我们的程序性能更高，开发更合理，减少bug。我们先看一张官方的vue的生命周期的图：vue生命周期可以看到，vue实例生命周期分为：beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,activated,deactivated
伊泽瑞尔灬·2020-08-25 06:27

vue系列笔记（一）------vue-cli脚手架搭建开发环境

上次使用vue+node搭建简易博客过程中，发现自己还有很多的问题需要学习，于是就有了这一系列关于vue的笔记。vue的安装一、直接在页面使用引入，vue会被注册为一个全局的变量。二、利用vue-cli搭建开发环境准备：安装Node、npm（查看node/npm的版本可以在命令行输入node-v）node下载地址：https://nodejs.org/en/download/1（1）node和np
前端守望者·2020-08-25 03:43

Vue系列之mock数据（2020-07-09）

目录前言方式一（main.js处引用mock）方式二（vue.config.js处引用mock）方式三（vue.config.js处转发请求-proxy）前言能力就如一坛美酒，时间越久反而越纯。正在向纯的美酒方向前进。在很久很久之前，我有写过vue开发时mock数据场景，貌似只能自己可以看的懂，所以今天以vue-cli3的脚手架上再详细写一版。主要是思路吧。你要问很久是多久，那么我的回答是很久~哈
lu_kuankuan·2020-08-24 19:10

Vue系列之常用指令

v-ifv-elsev-forv-onv-bind由于公司只用JQ,再这样下去，本宝宝就要被淘汰啦，所以闲暇时间，学习下当前热门框架Vue,这也是我准备今年必须啃下的硬骨头。在此记录学习过程中的点点滴滴，一方面方便其他有志于学习Vue的同学，另一方面，也有助于我后期回顾知识。以下文字纯属手码，如有雷同，纯属巧合。欢迎志同道合者提出文中错误和问题！1.vue常用指令v-ifv-elsev-if、v-
麻不烧·2020-08-24 07:58

vue系列：data为什么必须是一个返回对象的方法

结论因为对象是引用数据类型，如果你写成对象，这个组件在多处被引用，只要修改一处的值，那么另一处的引用的值也会变化，这样就乱套了。而使用返回对象的函数，由于每次返回的都是一个新对象（Object的实例），引用地址不同，则不会出现这个问题。举例对象方式：vardata={x:1}varvm1={data:data}varvm2={data:data}vm1.data===vm2.data//true，
Lvan-Zhang·2020-08-23 21:53

前端面试题之vue系列

vue相关1.vue生命周期什么是Vue生命周期？Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期Vue生命周期的作用是什么？它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑Vue生命周期总共有几个阶段？它可以总共分为8个阶段：创建前/后,载入前/后,更新
Huang58_com·2020-08-23 15:17

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十四║ Vuex + JWT 实现授权验证登陆

壹周回顾哈喽，又是元气满满的一个周一，又与大家见面了，周末就是团圆节了，正好咱们的前后端也要团圆了，为什么这么说呢，因为以后的开发可能就需要前后端一起了，两边也终于会师了，还有几天Vue系列就基本告一段落了
baidu_35726140·2020-08-23 09:20

vue系列文章（1）：对象绑定，属性绑定

html页面代码Vue.js{{greet('afternoon')}}{{name}}{{job}}web开发js代码：newVue({el:'#app',data:{name:'king',job:'webdevelopment',website:'http://www.baidu.com',websiteTag:'baidu'},methods:{greet:function(time){r
互联网极客·2020-08-23 06:01

vue系列---三元表达式和if进行页面的切换

直接上测试代码：登录这里是登录方式一第二种登录方式exportdefault{name:"login",data(){return{typelogin:'motype',btnvue:"第二种"}},methods:{changetype(){letths=this;//这是直接一个按钮点击切换界面//returnths.typelogin=ths.typelogin==='motype'?'':
yyrSun·2020-08-23 04:23

【vue系列之二】详解vue-cli 2.0配置文件

【vue系列之二】详解vue-cli2.0配置文件上次给大家分享的是用vue-cli快速搭建vue项目，虽然很省时间和精力，但想要真正搞明白，我们还需要对其原理一探究竟。
songxiugongwang·2020-08-22 15:54

vue系列：sync和v-model的区别

I'msynctheinputvalueis{{parentValue}}parentValue=val">-->I'mv-modeltheinputvalueis{{value}}Vue.component('vue-sync',{template:'',props:['input_value'],methods:{input:function(){this.$emit('update:valu
Lvan-Zhang·2020-08-21 06:28

vue + socket.io实现一个简易聊天室

vue+vuex+elementUi+socket.io实现一个简易的在线聊天室，提高自己在对vue系列在项目中应用的深度。因为学会一个库或者框架容易，但要结合项目使用一个库或框架就不是那么容易了。
weixin_30753873·2020-08-21 02:51

后端学习Vue系列之——Vuex

文章目录前言正文1Vuex的基本使用2Vuex的核心概念2.1State2.2Mutation2.3Action2.4Getter2.5Module总结参考前言作为一个内心骚动想做点小系统的后端来说，学习Vue是过不去的一个坎，毕竟香嘛~遂写一篇博文用于记录在Vue中用的比较多的，且不容易记的知识点，方便自己在需要使用时能够查找到相关知识点以及如何快速使用。在基础篇中，已经介绍了关于Vuex中的一
CoderBruis·2020-08-18 19:54

细谈 vue - transition 篇

本篇文章是细谈vue系列的第三篇，这篇文章主要会介绍一下vue的内置组件transition。
weixin_34150830·2020-08-18 12:52

三、vue前后端交互（轻松入门vue）

轻松入门vue系列Vue前后端交互六、Vue前后端交互1.前后端交互模式2.Promise的相关概念和用法Promise基本用法then参数中的函数返回值基于Promise处理多个Ajax请求demoPromise
莫逸风·2020-08-17 14:38

vue系列——vue-resources入门案例

vue-resources入门案例通过学习vue-resource，做了简单的几个demo：演示效果图示：Titlevue-resource插件Get请求Post请求Jsonp请求http请求{{msg}}varvm=newVue({el:'#app',data:{msg:''},/*mounted:function(){Vue.http.interceptors.push(function(re
蜗牛ch·2020-08-17 14:35

vue系列：使用.env文件配置全局环境变量

这个是基于vue/cli脚手架的。文档挑重点说一说，其他的去看文档就行了根目录中的下列文件来指定环境变量.env#在所有的环境中被载入.env.local#在所有的环境中被载入，但会被git忽略.env.[mode]#只在指定的模式中被载入.env.[mode].local#只在指定的模式中被载入，但会被git忽略一个环境文件只包含环境变量的“键=值”对：FOO=barVUE_APP_SECRET
Lvan-Zhang·2020-08-17 10:03

vue系列---理解Vue中的computed,watch,methods的区别及源码实现(六)

阅读目录一.理解Vue中的computed用法二：computed和methods的区别?三：Vue中的watch的用法四：computed的基本原理及源码实现回到顶部一.理解Vue中的computed用法computed是计算属性的;它会根据所依赖的数据动态显示新的计算结果,该计算结果会被缓存起来。computed的值在getter执行后是会被缓存的。如果所依赖的数据发生改变时候,就会重新调用g
java666668888·2020-08-16 04:25

vue系列：vue-cli2、vue-cli3搭建vue项目

一、介绍vue-cli是一个可以快速搭建vue项目的脚手架，一般搭建一个项目大致可以分为：1、脚手架搭建，2、自己用webpack，gulp等工具搭建。但是第二种需要自己对那些工具特别熟悉，那么怎么去熟悉呢，滚去看官方文档！！今天先来介绍第一种用脚手架搭建一个vue项目vue-cli2文档vue-cli3文档二、安装1.确保你已经安装了node，接下来先全局安装vue-clivue-cli2：np
Lvan-Zhang·2020-08-12 00:53

Vue系列路由篇--进阶篇

1、路由间传参1.1、使用动态匹配传参路由配置{path:'/argu/:name',name:'argu',component:()=>import('@/views/argu.vue'),props:true}props:true允许路由的params作为属性路由传参props:{name:{type:String,default:''}}这样路劲接的name就可以传入到组件的props中1.
独坐空山后·2020-08-11 22:50

Vue之Vue的初体验

Vue的初体验个人博客https://www.boycharse.topVue系列上一篇：无下一篇：02-Vue的插值操作前言这个系列的博客是按照我学习vue的顺序来写的。
U_yong·2020-08-11 18:36

vue系列教程-04vue数据处理和页面渲染

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址vue定义数据还记得前面说的mvvm的model层吗?也就是数据层在vue中我们如何定义我们需要使用到的数据呢letvm=newVue({el:'#app',data(){return{//定义字符串name:'lili',//定义数字age:1,//定义对象user:{name:'lookroot',age:20
lookroot·2020-08-11 17:40

Vue之插值操作

插值操作个人博客https://www.boycharse.topVue系列上一篇：01-Vue的初体验下一篇：03-Vue的动态绑定属性Vue的插值操作什么是插值操作我们紧接上一篇的例子：在网页的显示中
U_yong·2020-08-11 15:46

Vue之动态绑定属性

动态绑定属性个人博客https://www.boycharse.topVue系列上一篇：02-Vue的插值操作下一篇：04-v-on的使用Vue动态绑定属性动态绑定首先，我们来看看我们平时给一个a标签添加一个
U_yong·2020-08-11 13:19

vue系列_自定义组件Modal（模态窗口）

父组件的代码（打开模态窗口的代码）：打开Modal对话框importModalfrom'./Modal';exportdefault{name:'HelloWorld',data(){return{showModal:false}},components:{Modal},methods:{toggleModal:function(){this.showModal=!this.showModal;}
田江·2020-08-11 05:15

vue系列开发2---一个ripple点击效果插件

1.封装一个vueripple的插件。已经封装好了！可参考https://segmentfault.com/a/11900000069313672.使用，引入组件这个是按钮.btn{background:white;border:0;padding:0.5rem;position:relative;}由于touchRipple内部都是position:absolute布局，使用时，需要在外部加上p
弹琴弹琴·2020-08-10 15:59

vue系列之获取多选框中被选中的值

多个勾选框，绑定到同一个数组：JackJohnMikeCheckednames:{{checkedNames}}newVue({el:'...',data:{checkedNames:[]}})结果转载于:https://www.cnblogs.com/zhaobao1830/p/6883761.html
aiguai2216·2020-08-10 09:37

vue系列文章（14）vue-cli脚手架，组件嵌套，全局组件注册和局部组件注册

首先新建我们自定义组件Users组件，并在组件中加入我们自己的内容，如下所示，自定义Users组件，并对users进行循环输出。{{user}}exportdefault{name:'users',data(){return{users:['hello','world','king']}}}那么我们如何在App.vue中将我们Users组件进行展示出来的呢，需要将Users组件进行注册，下面有两种
互联网极客·2020-08-09 21:20

vue系列之动态路由【原创】

开题最近用vue来构建了一个小项目，由于项目是以iframe的形式嵌套在别的项目中的，所以对于登录的验证就比较的麻烦，索性后端大佬们基于现在的问题提出了解决的方案，在看到他们的解决方案之前，我先画了一个比较标准的单系统的解决方案。本文目录：一：设想二：讨论三：实现四：总结一：设想简单解释下上图就是：首先前端从cookie获取token，如果没有token就跳转到登录页面登录，登录验证之后生成tok
ancitan2456·2020-08-09 07:51

vue系列总结

1.什么是vue的生命周期?答：vue实例从开始创建到销毁的过程，就是vue的生命周期。也就是从开始创建，初始化数据，编译模板，挂载dom，渲染，更新，渲染，销毁等一系列过程，称之vue的生命周期2.vue生命周期共有几个阶段?答：vue生命周期共有8个阶段，创建前后，挂在前后，更新前后，卸载前后。创建前/后：在beforeCreated阶段，vue实例的挂载元素和数据都为undefined，还为
weixin_41379961·2020-08-09 01:38
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他