提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

VUE - mapState 辅助函数（简化）

Vue 函数 简化 辅助
2023-09-14 08:57:23 时间
1，第一种
<template>
  <div id="app">
    <p> {{count}} </p>
    <p> {{todos}} </p>
  </div>
</template>

 

<script>
import {mapState} from 'vuex' 
export default {
  name: 'app',
  computed:mapState({
      count: state => state.count,
      todos: state => state.todos
  })
}
</script>
 
2，第二种，最简化
<template>
  <div id="app">
    <p> {{count}} </p>
    <p> {{todos}} </p>
  </div>
</template>

<script>
import {mapState} from 'vuex' 
export default {
  name: 'app',
  computed:mapState(["count","todos"])
}
</script>

<style>

</style>

相关文章