目录

工欲善其事

实践出真知

活跃标签: linux java mysql 待分类 js springboot win10 电路 vue macOS nginx esp32 windows git docker idea maven esp8266 python Arduino

存档:

X

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;

vue-router 路由 原文地址

axios 请求


标题:vue 框架里的常用内置对象和说明
作者:llilei
地址:http://solo.llilei.work/articles/2021/03/26/1616748934428.html