利用vuex实现控制字体大小的改变

思路：利用vuex实现控制字体大小的改变

store.js
localStorage.getItem避免再次打开页面后字体大小发生改变，两个方法用于控制两种字体大小

const FZ = 'FZ'
const FZ1 = 'FZ1'
export default new Vuex.Store({
   
  state: {
   
    fontSize:localStorage.getItem(FZ) || '14px',
    fontSize1: localStorage.getItem(FZ1) || '20px',
  },
  mutations: {
   
    handler(state, fontSize) {
   
      state.fontSize = fontSize
      localStorage.setItem(FZ, fontSize)
    },
    handler1(state, fontSize1) {
   
      state.fontSize1 = fontSize1
      localStorage.setItem(FZ1, fontSize1)
    },
  },
  actions: {
   },
  modules: {
   },

控制页面
btn_click1,btn_click2控制字体大小

<template>
  <div class="">
    <van-radio-group v-model="radio">
      <van-radio
        name="1"
        @click="btn_click1"
      >
        单选框 1
      </van-radio>
      <van-radio
        name="2"
        @click="btn_cl