vue
文章平均质量分 65
李欣卓
这个作者很懒,什么都没留下…
展开
-
vue路由守卫
1.路由守卫1.作用:对路由进行权限控制2.分类:全局守卫、独享守卫、组件内守卫3.全局守卫: 1.全局前置守卫:初始化时执行、每次路由切换前执行router.beforeEach((to,from,next)=>{console.log('beforeEach',to,from)if(to.meta.isAuth){//判断当前路由是否需要进行权限控制if(localStorage.getItem('s...原创 2021-09-09 11:53:59 · 197 阅读 · 0 评论 -
Vue route:路由
1.理解:一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。2.前端路由:key是路径,value是组件。###1.基本使用1.安装vue-router,命令:npmivue-router2.应用插件:Vue.use(VueRouter)3.编写router配置项://引入VueRouterimportVueRouterfrom'vue-router'//引入Luyou...原创 2021-09-06 20:19:39 · 258 阅读 · 0 评论 -
Vuex的基本使用
1.概念在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。2.搭建vuex环境1.创建'src/store/index.js' //引入Vue核心库 import Vue from 'vue' //引入Vue x import Vuex from 'vuex' //应用Vue x插件 Vue.use(Vuex) //准...原创 2021-09-02 19:17:49 · 62 阅读 · 0 评论 -
Vue脚手架
##ref属性1.被用来给元素或子组件注册引用信息(id的替代者)2.应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)3.使用方式:打标识:<h1ref="xxx">.....</h1>或<Schoolref="xxx"></School>获取:this.$refs.xxx##配置项props功能:让组件接收外部传过来的数据(1...原创 2021-08-30 22:38:10 · 109 阅读 · 1 评论 -
Vue:生命周期
生命周期:1.又名:生命周期回调函数、生命周期雨数、生命周期钩子。2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。4.生命周期函数中的this指向是vm或组件实例对像。1.生命周期图示2.常用的生命周期钩子:1.mounted:发送ajax请求、启...原创 2021-08-25 19:55:05 · 116 阅读 · 0 评论 -
Vue:渲染,key的作用,指令
一、渲染 条件渲染: 1.v-if :适用于切换频率较低的不展示的dom元素会直接删除 2.v-show:适用于切换频率较高的 不展示的dom元素会被隐藏 3.注意:(1)使用v-if时,元素可能无法获取到,而使用v-show一定可以 (2)template...原创 2021-08-24 23:10:49 · 332 阅读 · 0 评论 -
Vue基础:数据双向绑定,计算,监视
一、模板语法1.插值语法:双大括号表达式:{{ }}功能:用于解析文本内容 语法:{{xxx}},xxx会作为 js表达式 来进行解析2.指令语法:以v-开头 功能:解析标签属性、解析标签体内容、绑定事件 语法:v-xxx=“yyy”,xxx为vue中的指令,yyy作为js表达式解析 二、数据绑定1.MVVM模型M:模型(Model) :对应 data 中的数据 V:视图(View) :模板 VM:视图模型(ViewModel) : Vue...原创 2021-08-23 18:07:58 · 255 阅读 · 0 评论