vue
文章平均质量分 62
一只小兔崽子
这个作者很懒,什么都没留下…
展开
-
vue2移动端页面跳转过渡动画
// In app.vue<template> <div id="app" class="Router"> <transition :name="transitionName"> <router-view></router-view> </transition> </div></template><script>export default { name: 'Ap原创 2021-03-02 15:58:29 · 685 阅读 · 0 评论 -
vue路由守卫
vue的路由守卫分为三种:全局路由守卫、组件内路由守卫和路由独享守卫。每个守卫方法接收三个参数:to : 即将要进入的目标 路由对象from : 当前导航正要离开的路由next : 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数(是否接着往下执行,若不写next(),则页面不会往下执行,必写)。一、全局路由守卫全局路由守卫分为两种:全局前置守卫和全局后置钩子它们都在main.js中定义全局前置守卫 //语法: .原创 2021-01-15 09:26:42 · 3470 阅读 · 0 评论 -
vuex
1.vuex的概念vuex是专门为vue.js应用程序开发的状态管理模式。它采用集中式存储和管理程序的所有组件的数据。2.vuex的好处在大型的程序中如果多个组件中用到的数据我们可以存储到vuex中,如果小项目我们可以适当地使用vuex。3.vuex五大核心及概念state:存储数据 在组件中的使用this.$store.state.属性名mutations:可以直接操作state中的数据,在组件中使用 this.$store.commit(‘方法名’,参数)actions:可以实原创 2021-01-04 14:13:07 · 81 阅读 · 0 评论 -
vue的数据双向绑定原理
前言:什么是数据双向绑定?vue是一个mvvm框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化,数据也会跟着同步变化。这也算是vue的精髓之处了。单项数据绑定是使用状态管理工具(如redux)的前提。如果我们使用vuex,那么数据流也是单项的,这时就会和双向数据绑定有冲突。为什么要实现数据的双向绑定?在vue中,如果使用vuex,实际上数据还是单向的,之所以说是数据双向绑定,这是用的UI控件来说,对于我们处理表单,vue的双向数据绑定用起来就特别舒服了。即两原创 2021-01-08 16:52:16 · 6751 阅读 · 0 评论 -
vue自定义指令和自定义过滤器
自定义指令自定义指令有两种定义形式:1 . 全局自定义指令2 . 局部自定义指令钩子函数自定义指令定义函数提供了几个钩子函数bind只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作inserted被绑定元素插入父节点时调用( 父节点存在即可调用, 不必存在于document 中)update所在组件的 VNode 更新时调用,但是可能发生在其孩子的 VNode 更新之前。指令的值可能发生了改变也可能没有。但是可以通过比较更新前后的值来忽原创 2021-01-07 20:40:59 · 235 阅读 · 0 评论 -
keep-Alive
vue中keep-alive的使用概念keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 transition 相似,keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中。作用在组件切换过程中 把切换出去的组件保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性原理在 created钩子函数调用时将需要缓存的 VNode节点保存在 this.cache 中/在 render(原创 2021-01-06 21:00:23 · 113 阅读 · 0 评论