Vue系列

Vue系列八：表单输入绑定

使用v-model(双向数据绑定)自动收集数据text/textareacheckboxradioselect用户名:密码:性别:女男爱好:篮球足球乒乓城市:未选择{{city.name}}介绍:newVue({el:'#demo',data:{username:'',pwd:'',sex:'男',likes:['foot'],allCitys:[{id:1,name:'BJ'},{id:2,na
苍穹尘·2020-08-08 17:33

VUE系列之(1) - VUE使用微信JS-SDK实现分享功能

最近开发微信公众号内嵌H5页面，使用vue搭建的项目，由于业务需求，需要实现微信自定义分享功能，所以项目中集成微信JS-SDK。微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。1.
屿麟·2020-08-07 18:09

vue系列文章（24）vue路由的路由独享守卫和组件内守卫-管理台权限控制案例

上节中对登录和注册的权限进行控制，采用的是全局路由守卫。但部分路由中遇到的是点击管理台的权限判断，如果有权限则进行跳转，如果没有则没法跳转，就用到了路由的独享守卫和组件内守卫的方法。路由独享守卫，可以在main.js的路由配置中加入你可以在路由配置上直接定义beforeEnter守卫：constroutes=[{path:'/',name:'homeLink',component:Home},{p
互联网极客·2020-08-07 14:30

vue系列_vue-Router_全局路由守卫

一、给vue-Router的对象（实例），增加如下代码：router.beforeEach((to,from,next)=>{console.log(to.fullPath);if(to.fullPath!='/login'){//如果不是登录组件if(!localStorage.getItem("username")){//如果没有登录，就先进入login组件进行登录next('/login')
田江·2020-08-07 14:32

Vue系列5 - Vue+axios 路由拦截器

登录拦截1.路由拦截1.1项目中某些页面需要用户登录后才可以访问，在路由配置routes.js中添加一个字段requireAuth：true,如下所示1.2在router/index.js中exportdefaultfunction(/*{store,ssrContext}*/){constRouter=newVueRouter({scrollBehavior:()=>({y:0}),routes
西北码农·2020-08-07 12:06

vue系列---identify(生成图片验证码)插件

identify这是一个vue的插件，使用canvas来生成图形验证码。具体参数如下：直接上测试代码：identify.vue组件（主要用于定义参数和方法）exportdefault{name:'SIdentify',props:{identifyCode:{type:String,default:'1234'},fontSizeMin:{type:Number,default:16},fontS
yyrSun·2020-08-05 21:43

Vue的条件判断和循环遍历

Vue的条件判断和循环遍历个人博客https://www.boycharse.topVue系列上一篇：04-v-on的使用下一篇：06-v-model的使用条件判断v-if的使用v-if的使用非常简单，
U_yong·2020-08-03 23:59

vue-treeselect下拉树

element-UI找一波，然而并没有找到这种组件，于是问了下度娘，发现好多人都是自己封装的下拉树组件，五花八门的功能，但是都不完善，还是决定用靠谱点的库，于是用了vue-treeselect这个库，也是vue
一头浓密的黑发·2020-08-02 14:38

[Vue系列] Vue功能的简单实现

文章目录Vue功能的简单实现第一章前言第二章MVC和MVVM2.1MVC2.2前端渲染vs后端渲染2.3前端MVC2.4前端MVVM第三章Vue功能---数据绑定第四章Vue功能---双向数据绑定后记Vue功能的简单实现第一章前言最近在进行Vue的教学工作,为了能够更好的在小兄弟面前显摆显摆,我准备在教学中加入对Vue功能的原生实现环节,也将自己理解的过程写入博客,作为记录.第二章MVC和MVVM
whitsats·2020-08-01 06:39

vue系列文章（23）vue路由的全局守卫路由router.beforeEach

正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察$route对象来应对这些变化，或使用beforeRouteUpdate的组件内守卫。例如当一个导航在跳转时，用户未进行登录不进行跳转，需要登录后才能进行跳转到后台管理等几个页面，那么
互联网极客·2020-07-31 18:19

Vue系列之computed使用详解(附demo,不定期更新)

前言：工作中用Vue技术开发项目有一段时间了，独立开发完成项目基本没什么问题。可是就是在在开发过程中遇到问题常常是通过零散的搜索或者官方文档来解决，这样的现象就说明自己对Vue根本没有一套自己理解后的系统知识的框架。为了建立这套完整的Vue知识框架，开始了《我眼中的Vue》系列文章的写作，本系列是基于Vue官方文档，其他资料教材，加上实践经验总结后形成的一套个人资料。文中的观点仅供参考，如果能对你
weixin_33690367·2020-07-30 21:40

vue系列开发1---使用阿里iconfont字体图标

1.在阿里图标http://iconfont.cn中找到自己需要的图标添加到购物车，或者添加自己的字体项目。下载2.解压使用这4个文件3.增加iconfont.less文件，同一目录下//url为字体路径@font-face{font-family:"iconfont";src:url('iconfont.eot?t=1491967237541');/*IE9*/src:url('iconfont
弹琴弹琴·2020-07-29 17:41

[js高手之路] vue系列教程 - 实现留言板todolist(3)

通过前面两篇文章的的学习，我们掌握了vue的基本用法.本文，就利用这些基础知识来实现一个留言板，老外把他称之为todolist.第一步、使用bootstrap做好布局1234567891011121314用户名:15161718年龄:19202122232425262728用户信息表2930序号31名字32年龄33操作343536137张三38203940删除41424344245李四462247
weixin_34315485·2020-07-28 19:26

细谈 vue - 抽象组件实战篇

本篇文章是细谈vue系列的第五篇，这篇的内容和以前不太一样，这次属于实战篇。
weixin_33737134·2020-07-28 17:38

【狂神说Java】vue学习笔记10----实战快速上手

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频  我们采用实战教学模式并结合ElementUI组件库，将所需知识点应用到实际中，以最快速度带领大家掌握
pan_h1995·2020-07-28 04:25

【狂神说Java】Vue学习笔记06----计算属性、内容分发、自定义事件

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、什么是计算属性  计算属性的重点突出在属性两个字上(属性是名词)，首先它是个属性其次这个属性有计算的能力
pan_h1995·2020-07-28 04:25

Vue系列二十三：源码解析-模板解析

模板解析(compile.js)1、模板解析的关键对象：compile对象2、模板解析的基本流程:（1）、将el的所有子节点取出,添加到一个新建的文档fragment对象中（2）、对fragment中的所有层次子节点递归进行编译解析处理  对表达式文本节点进行解析  对元素节点的指令属性进行解析  事件指令解析  一般指令解析（3）、将解析后的fragment添加到el中显示3、解析表达式文本节点
苍穹尘·2020-07-28 02:37

05、手把手教Vue--生命周期

PS：转载请注明出处作者:TigerChain地址:https://www.jianshu.com/p/0d50ea1cef93本文出自TigerChain手把手教Vue系列本节大纲本节大纲教程简介1、
TigerChain·2020-07-27 20:18

【狂神说Java】Vue学习笔记05-----Axios异步通信

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频什么是Axios  Axios是一个开源的可以用在浏览器端和NodeJS的异步通信框架，她的主要作用就是实现
pan_h1995·2020-07-16 04:49

【狂神说Java】vue学习笔记8-----webpack使用

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频什么是Webpack  本质上，webpack是一个现代JavaScript应用程序的静态模块打包器
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记02-----第一个Vue程序

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、什么是MVVM  MVVM（Model-View-ViewModel）是一种软件设计模式，由微软
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记07-----第一个vue-cli项目

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、什么是vue-cli  vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记01：前端知识体系

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频2、前端知识体系想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课
pan_h1995·2020-07-16 04:49

【狂神说Java】Vue学习笔记03-----基础语法指令

本文根据B站【狂神说Java】vue系列视频整理，如需观看视频，请点击链接跳转【狂神说Java】Vue视频1、v-bind  我们已经成功创建了第一个Vue应用!
pan_h1995·2020-07-16 04:18

windows安装node.js用npm安装vue

windows下npm安装vue前言今天博主将为大家分享Vue系列:windows下npm安装vue，不喜勿喷，如有异议欢迎讨论！有一个强大的地基才能写出健壮的程序！
陈永佳·2020-07-14 05:44

VUE系列-Mint框架使用

vue-cli之Mint框架使用遇坑记（会不定时更新）Mint框架--由饿了么技术团队研发为vue量身定做，主要适配移动端（还有个好像element是PC端）坑一：引入MintUI官方介绍了2种方法：方法一：完整引入只需要在main.js里面写入```importVuefrom'vue'importMintUIfrom'mint-ui'import'mint-ui/lib/style.css'im
前端小学生CBB·2020-07-14 02:34

Vue系列(三)之基本语法文本插值

文本插值Vue实例插值普通文本使用js表达式原始html新的属性data中声明所有属性Vue的$set()今天先介绍Vue最简单最基本的语法，声明式渲染。Vue实例上篇文章中我们使用new关键字创建了一个Vue实例：messgae：{{message}}varvm=newVue({//el是css选择器，或者HTMLElement实例，提供Vue实例挂载的Dom节点el:'#app',data:{
安妍妍·2020-07-13 02:59

vue系列之项目打包

vue完成项目后，如何打包成静态文件，并且用Node调试打包1、修改config里面的index.js里面的productionSourceMap为false,默认情况是true（true代表打包环境是开发环境，可以进行调试；false表示生产环境，正式上线的）2.在cmd里面运行npmrunbuild,(运行的是build里面的build.js文件)生成的包放在dist下面使用node进行调试1
aiguai2216·2020-07-13 02:44

一、vue基础语法（轻松入门vue）

轻松入门vue系列Vue基础语法一、HelloWord二、MVVM设计思想三、指令1.v-cloak2.v-text3.v-html4.v-show4.v-pre5.v-once6.v-model（双向数据绑定
莫逸风·2020-07-11 18:58

vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（五）

推荐我的vue教程：VUE系列教程目录前言通过前面几章的实战，我们已经顺利的构建项目，并且从API接口获取到数据并且渲染出来了。制作更多的页面，更复杂的应用，就是各位自己根据自己的项目去调整的事情了。
言墨儿·2020-07-11 11:16

vue系列---基于 Element UI 的省市区街道联动选择组件

vue-area-linkage省市区联动选择，基于ElementUI.组合数据来源：area-data下载组件：npmi--savevue-area-linkage引入组件在main.js：importVuefrom'vue';importVueAreaLinkagefrom'vue-area-linkage';Vue.use(VueAreaLinkage)在组件中进行应用：//basic//s
yyrSun·2020-07-10 14:39

vue系列自定义指令（三）

说明今天介绍vue自定义指令。vue指令功能是提供给用户操作dome的，虽然很多时候，我们可以通过选择器是操作dome,但是当dome状态改变是，我们很难捕获，所以vue不建议用户直接操作dome，而是使用指令的形式。vue内置了很多指令，v-model,v-if,v-show,v-text,v-html等。某些时候这些指令不能满足我们，我们可以通过自定义指令来实现我们想要的指令。指令注册指令可以
sas???·2020-07-10 07:20

vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（四）

推荐我的vue教程：VUE系列教程目录前言通过前面几篇教程，我们已经顺利搭建起来了项目，并且已经组建好路由了，安装了我们需要的sass的模板。
言墨儿·2020-07-09 21:05

前端vue系列-起始篇 vue的基本认知

hi,大家伙，我是佛系大大，很高兴与你们一起沟通，学习，进步。很久不更新博客了，现在回来再写博客，尽然是有些怀念的感觉，幸福的感觉。因为写博客，内心会很宁静，沉浸在自己的世界中，是很幸福的一件事。当然，并非逃离现实（鸡毛蒜皮，工作糟心的凡事），佛系大大还是很上进的，让我们一起努力。废话不多说了，我们开始吧！首先介绍下，我是如何学习vue的，我学习vue之前，做过哪些思考？1.vue技术刚出来的时候
weixin_30627341·2020-07-09 09:54

Vue系列常用的知识点整理

一、对于MVVM和MVC的理解？MVVMMVVM是Model-View-ViewModel的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View代表UI组件，它负责将数据模型转化成UI展现出来。ViewModel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View和Model的对象，连接Model和View。在MVVM架构下，View和M
前端小能手i·2020-07-07 23:05

11、手把手教 Vue--彻底搞懂 JS 异步编程

本节大纲PS：转载请注明出处作者:TigerChain地址:https://www.jianshu.com/p/876e68fd6a1c本文出自TigerChain手把手教Vue系列教程简介1、阅读对象本篇教程适合新手阅读
TigerChain·2020-07-07 21:33

vue成长之路+实战+Vue2+VueRouter2+webpack（一）vue-router路由入门

推荐我的vue教程：VUE系列教程目录前言通过前面我写的VUE入门博客，相信已经大概了解VUE是何物，但是对于细节性的问题我们还是有些忽略，有很多网友希望我能继续写相关博客，但是由于工作繁忙原因一直无空去写
nongshuqiner·2020-07-07 18:17

Vue系列——在vue项目中使用jQuery及其第三方插件

最近学习Vue.js做一个后台管理系统，采用vue-cli脚手架搭建，Element作为UI框架。然后想在项目中自定义滚动条，舍弃浏览器原生滚动条，成熟的现成插件也只找到了jQuery的，所以不得不引入jQuery，下面介绍下jQuery的引入及其第三方插件的引入：引入jQuery通过npm安装依赖引入1、安装```npminstalljquery-S```2、修改webpack配置文件build
ChosenWu·2020-07-07 17:10

vue系列教程(一) 搭建与部署

一vue-cli构建项目vue-cil构建项目：查看官网vue-cli是vue脚手架工具,极其方便开发,可以npminstall--globalvue-cli全局安装二项目文件结构如上图所示,就是我们项目的目录结构了.通过表格给大家展示一下这些目录结构的作用：build:这个是我们最终发布的时候会把代码发布在这里，在开发阶段，我们基本不用管。config:配置目录，我们可以进行端口的配置，默认配置
我是上帝可爱多·2020-07-05 19:07

Vue系列二十：router路由

 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。一、说明 官方提供的用来实现SPA的vue插件 github：https://gi
苍穹尘·2020-07-04 22:37

vue系列 —— 在云服务器（腾讯云/阿里云等）的CentOS 7.3远程安装vue

vue本机安装只需要按照官网的做法就能实现，基础教程也不少，本文主要介绍的是在阿里云上的安装方式1）更新yum一般的centOS都带有yum如果没有，可以先安装（安装方式不做详细介绍）更新yumyumupdate中途询问是否下载，可以选y2）安装npmyuminstallnpm中途可以按y进行下载，在安装完成后可以检查版本npm-v3）安装nodejsnodejs安装需要到官网找到最新版的下载地址
Philip大魔王·2020-07-04 15:45

Vue系列---vue 中子组件调用父组件的方法

**一共有三种方式第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法第二种方法是在子组件里用$emit向父组件触发一个事件，父组件监听这个事件就行了第三种是父组件把方法传入子组件中，在子组件里直接调用这个方法第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件importchildfrom'~/components/dam/c
拾光蜜果·2020-07-04 15:41

细谈 vue - component 篇

本篇文章是细谈vue系列的第六篇。看过我这个系列文章的小伙伴都知道：文章贼长，看不下去的建议先点个赞当收藏，然后等有时间静下心来慢慢看，前端交流群：731175396。
chushan2757·2020-07-04 13:44

Vue系列3 - 如何在vue中读取本地Json文件

1.修改webpack.base.conf.js文件在resolve:{extensions:['.js','.vue','.json'],alias:{'vue$':'vue/dist/vue.esm.js','/src':resolve('src'),'/libs':path.resolve(__dirname,'../src/libs'),'/static':resolve('static'
西北码农·2020-07-04 12:27

Vue系列十三：插件

一、自定义插件Vue插件是一个包含install方法的对象通过install方法给Vue或Vue实例添加方法,定义全局指令等(function(window){constMyPlugin={}MyPlugin.install=function(Vue,options){//1.添加全局方法或属性Vue.myGlobalMethod=function(){console.log('Vue函数对象的m
苍穹尘·2020-07-02 09:36

vue系列_vue-Router_组件内部的路由守卫（局部路由守卫）01

如果你对vue的路由基础了解，就朝下看，不然不了解，请看vue系列_vue-Router入门和理解。一、概念：路由守卫：就是进入当前路由前，有个人“门卫”进行保护，也可以理解为“安检”。
田江·2020-07-02 05:20

Vue系列-搭建本地环境&初始化项目

Vue系列-搭建本地环境&初始化项目开门见山，本系列是我个人学习Vue教程的一些总结，适合有一些编程基础的小白以及想要入门测试开发的测试人员。
hanyce·2020-07-02 01:50

ElectronVue系列 -- 2. 如何给元素添加右键菜单，编辑或删除该元素

现在有一个列表，需要给列表的每一行增加右键菜单功能，右键菜单有删除或者编辑功能，截图示例如下。代码示例1.给元素添加右键事件监听@contextmenu="rightClick"添加右键事件监听{{item.nickname}}2.渲染右键菜单，并展示//右键方法触发rightClick:function(id){constthat=this//需要用到electronconst{remote}=
Tomonkey·2020-07-01 14:10

Vue系列之WebPack与Eslint

上一篇文章，我们在window上搭建了vue的开发环境，windows下搭建vue开发环境，并且创建了项目，我们看到了vue项目的目录结构。工欲善其事，必先利其器，在创建项目的过程中，我们使用了webpack和eslint工具，这一节我们就来讲讲这两个工具。一、Webpack1.Webpack是什么Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成
充电实践·2020-07-01 08:50

沃土前端社区Vue系列教程 - event bus 和 vuex

在开发过程中，父子组件传递数据，我们用props和$emit可以解决问题，那么非父子组件之间的数据传递我们要怎么解决呢，一般有两个方案，一个eventbus（事件总线）和vuex。我们先来说eventbus。一、用vue脚手架构建一个简单的项目#全局安装vue-clinpminstall--globalvue-cli#创建一个基于webpack模板的新项目vueinitwebpackvuexdem
胡儒清_前端那个老胡·2020-07-01 00:37
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他