zoukankan      html  css  js  c++  java
  • vue3 + vuex4 实践 前端

    前言:

    本文基于vite2.0 + vue3.2 + Typescript + vuex4
    官网:https://vuex.vuejs.org/zh/guide/state.html
    之前写过一篇关于vuex的文章:https://www.cnblogs.com/konghaowei/p/11248652.html
    随着技术更新迭代那已经很老了而且有些错误,现以写一篇新文章,
    本文重点在于实践不在赘述各模块功能,旧文章说的挺清楚的。
    本文重点在于vuex实践 vite2.0 + vue3.2 + Typescript 的基础搭建就不赘述了。
     
    1)安装:npm install vuex@next --save
     
    src目录新建文件夹 store
    store 文件夹内新建 index.ts moduleA.ts moduleB.ts

     

    moduleA.ts moduleB.ts 填入以下内容:

     

    index.ts引入moduleA.ts moduleB.ts模块:

     

    项目 main.ts 文件引入 store 文件:

     

    moduleA.ts moduleB.ts内容几乎一样接下来重点拿moduleA.ts作例子
    页面中 vuex 用法:

     

     
     
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    Spring Boot邮件功能
    jenkins自动部署
    spring boot定时任务解析
    类的加载classload和类对象的生成
    排序算法
    Robbin负载均衡
    ActiveMQ消息中间件
    hystrix熔断器
    css3整理--calc()
    css3整理--media
  • 原文地址:https://www.cnblogs.com/konghaowei/p/15598177.html
Copyright © 2011-2022 走看看