Vue.js共6篇

Vue项目中使用keepAlive缓冲组件

Vue项目中使用keepAlive缓冲组件-草叶博客-关注前端技术,分享优质资源

keep-alive是Vue提供的一个抽象组件,可以用来对组件进行缓存。有些页面不太会改变,但是每次当切换到这个页面时,页面都会重新发送请求,没有必要。所以我们可以将当前页面上的数据缓存起来,...

# keepAlive# vue缓冲# 钩子函数

雁北草雁北草3月前
0740

vue中scoped的作用原理以及样式穿透方法

vue中scoped的作用原理以及样式穿透方法-草叶博客-关注前端技术,分享优质资源

scoped的作用原理 作用:在Vue项目中,在style中加入scoped之后它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。实现组件的私有样式模块化,通过该属性,可以...

# scoped# 样式穿透

雁北草雁北草3月前
0870

vuex的五个属性及使用方法

vuex的五个属性及使用方法-草叶博客-关注前端技术,分享优质资源

state Vuex的基本数据,用来储存数据和操作数据 state: { userInfo: '', } 如何获取vuex的state对象中的属性呢? 方法一:插值表达式 1.$store.state.count 2.需要依...

# vue.js# vuex

雁北草雁北草3月前
0830

Vue生命周期钩子函数详解,常用的生命周期钩子有哪些呢?

Vue生命周期钩子函数详解,常用的生命周期钩子有哪些呢?-草叶博客-关注前端技术,分享优质资源

关于vue生命周期钩子函数的介绍:生命周期钩子就是vue实例从初始化到回收的整个过程。生命周期 :简单理解就是,从出生到被销毁的过程。钩子就是回调函数,在某一个时间点触发,下图为官方图示...

前端专题# 生命周期钩子

雁北草雁北草3月前
01030

vue组件库vant中form校验规则的使用

vue组件库vant中form校验规则的使用-草叶博客-关注前端技术,分享优质资源

使用Field的rules属性定义校验规则 基础用法 # 方式一 在Field中直接加入 # ref 让后面 <van-form ref='form'> <van-field :rules='[{ required: true, message: '请填写用户名...

# vant# vue组件库

雁北草雁北草3月前
0680

vue-cli脚手架通过环境变量与模式 简单实现基地址设置

vue-cli脚手架通过环境变量与模式 简单实现基地址设置-草叶博客-关注前端技术,分享优质资源

为什么需要配置环境变量和模式呢? 在一个产品的前端开发过程中,一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境,然后才能正式的发布。对应每一个环境可能都会有所差异...

前端专题# vue.js# vue-cli# Vue脚手架

雁北草雁北草3月前
01770