vue 框架里的常用内置对象和说明
记录下Vue全家桶框架中内置方法
vue 原文地址
components 加载组建
使用方法: 倒入的方法加载作用
directives 做权限按钮的功能
这个没用过不清楚
filters 过滤器
它下面的方法可以在标签中使用 并且支持管道形式的传值:
filters: {
statusFilter(status) {
const statusMap = {
published: 'success',
draft: 'info',
deleted: 'danger'
}
return statusMap[status]
}
}
<el-tag :type="row.status | statusFilter">
{{ row.status }}
</el-tag>
data() 数据
存放当前vue页面数据的方法
created() 进入页面加载
这里面的方法和事件在进入页面时会加载一次
methods 普通方法
存放普通方法的函数
computed 计算属性
计算属性具有缓存。计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 监控的两个值都没有发生改变,多次访问 该方法计算属性会立即返回之前的计算结果,而不必再次执行函数。
watch 监听
侦听器watch是侦听一个特定的值,当该值变化时执行特定的函数。例如分页组件中,我们可以监听当前页码,当页码变化时执行对应的获取数据的函数。
vuex 常用方法 原文地址
$store.dispatch
含有异步操作
存储:
this.$store.dispatch('initUserInfo',friend);
取值:
this.$store.getters.userInfo;
$store.commit
同步操作
存储:
this.$store.commit('initUserInfo',friend);
取值:
this.$store.state.userInfo;