vuex的四种状态

state
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Documenttitle> head> <body> body> html>
getter

DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>titletitle> head> <table> table> <body> body> html>
mutation

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>titletitle>
head>
<table>
table>
<body>
  
body>
<script>
修改state只能用mutation去进行修改

      mutations: {
        mutation (state) {
          // 因为mutation要修改state,所以他的第一个参数为state mutation想要被调用,需要在一些地方调用this.$store.commit('mutation')
        }
      }

      // 触发mutation
      store.commit('mutation')


      大部分情况我们需要给mutation提交数据
      store.commit('mutation', 数据)

      那么在mutation的第二个参数中就是commit过来的数据
      mutations: {
        mutation (state, payload) {
          payload就是commit过来的数据
        }
      }

script>
html>
action
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>titletitle>
head>
<table>
table>
<body>
      /* 
      action中就是专门完成异步请求的

      发起请求,请求成功后commit(mutation, 请求结果)将数据发送给mutation
    
    */

body>
html>

 

转载于:https://www.cnblogs.com/bao2333/p/10194874.html

你可能感兴趣的:(vuex的四种状态)