type
status
date
slug
summary
tags
category
icon
password
计算属性
computed
computed({
计算的属性(){},
计算属性:{
get(){},
set(){}
},
})
计算的属性不能和data里面的属性重复
监听属性
watch
watch(){
监听的属性(val){
},
监听的属性:{
handler(newValm,oldVal){
},
立即监听:immediate,
深度监听:deep
}
}
计算属性和监听属性的区别
计算属性：结果会被缓存，除非依赖的响应式属性变化才会重新计算
监听属性：只有当监听的属性发生变化时，触发相应的监听函数
封装axios的好处
简化代码
提高代码的可维护性
增加代码的复用性
方便统一处理错误
方便处理请求配置
跨域
同源策略：浏览器的一种安全协议，只要协议，主机，端口号有一个不一致就会引起同源策略，从而引起跨域
解决跨域：
后台开放（不安全）
利用script标签中src属性不受同源策略的影响（后端配合）
配置代理
vuex
是什么
应用程序开发的状态管理模式库，采用集中式存储管理所有组件的状态
为什么使用vuex
进行统一的状态管理，解决不同组件共享数据的问题
不同的视图需要同一状态的问题
核心概念
state
存放数据的地方，相当于组件中的data
this.$store.state()
getters
对state中的数据进行初加工，类似计算属性，产生新的数据，不能修改state中的数据
this.$store.getters()
mutations
修改state中的数据的唯一方法，必须是同步方法
this.$store.commit()
actions
修改state中的数据，必须通过调⽤mutations⾥⾯的⽅法，可
以异步操作
this.$store.dispatch()
modules
模块化
混入
什么是混入
分发vue组件中的可复用功能
mixin可以定义公用的变量或方法，但是mixin中的数据是不共享的，也就是每个组件中的mixin实例都是不一样的，都是单独存在的个体，不存在互相影响的
导航守卫
什么是导航守卫
通过跳转或取消的方式守卫导航
全局
全局前置守卫
beforeEach((to,from,next)⇒{
//next必须严格执行一次
})
全局后置
afterEach
独享
beforeEnter
组件级
beforeRouterEnter
beforeRouterUpdate
beforeRouterLeave
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web_vue2_05
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。