首页 > 其他分享 >vue3 Vuex使用

vue3 Vuex使用

时间:2022-12-09 12:33:41浏览次数:40  
标签:index useStore app vue3 js 使用 import Vuex store

首先src 下要有src\store\index.js

index.js先引入creatStore

import {   createStore} from 'vuex'
export default createStore({
    state() {
        return {
        }
    },
    mutations: {

    },
    actions: {}
})

然后配置store(默认叫store)有三个基本属性就可以

接着在main.js中引入index.js文件

import store from './store/index'
const app = createApp(App)


app.use(store)

让app去use store

 

    import {        useStore    } from 'vuex'
        setup() {
            const store = useStore()
}

在想要的组件中引入useStore

创建一个store就可以使用了

 

标签:index,useStore,app,vue3,js,使用,import,Vuex,store
From: https://www.cnblogs.com/ZZDDElla/p/16968582.html

相关文章

  • 使用注解配置springmvc案例
    第一步:创建controller类(使用注解不用实现接口)@Controller//表示当前的类是一个controllerpublicclassHello2{@RequestMapping("show1")//可以省略后缀publicModel......
  • json的使用(对象转字符串、字符串转对象)以及具体的使用(结合ajax使用)
    为了方便地处理JSON数据,JSON提供了json.js包,​​下载地址​​​注意:GSON为json的升级版,更容易使用,​​下载地址​​JSON结构有两种结构:json简单说就是javascript中的对象......
  • [python]Anaconda介绍、安装及使用
    一、什么是Anaconda?简介Anaconda(​​官方网站​​)就是可以便捷获取包且对包能够进行管理,同时对环境可以统一管理的发行版本。Anaconda包含了conda、Python在内的超过180个科......
  • awk 使用案例
    df-h|awk'BEGIN{print"FullPartition"}NR>1{gsub("%","",$5);$5+=0;if($5>=60){print$1"\t"$5}}' 2.停止占用8080端口的進程lsof-i:8080|awk'NR!=1{print$......
  • CentOS7.2 使用Shell安装Oracle12c
    1.操作系统版本2.磁盘分区用量二.安装必要的软件包forpkgin'binutils''compat-libcap1''compat-libstdc++-33''gcc''gcc-c++''glibc''glibc-devel''ksh''lib......
  • 【Centos7】安装mongodb 使用yum源
    根据mongodb官网提供的教程安装:1.创建mongdb-org-3.4.repo2.使得selinux的config为disabled3.yum-yinstallmongodbxxxxxx4.配置/etc/mongod.conf5.servicemongodstart[......
  • itop3568开发板在Linux系统中使用NPU
    下载rknpu2并拷贝虚拟机​​Ubuntu​​,如下图所示,RKNPU2提供了访问rk3568芯片NPU的高级接口。下载地址为“iTOP-3568开发板\02_【iTOP-RK3568开发板】开发资料\11_NPU使......
  • BAT文件语法和技巧(bat文件的编写及使用)
    比较有用的东西 首先,批处理文件是一个文本文件,这个文件的每一行都是一条DOS命令(大部分时候就好象我们在DOS提示符下执行的命令行一样),你可以使用DOS下的Edit或者Windows的记......
  • Photoshop 2022 for Mac永久使用(ps 2022) v23.5.2激活版
    Photoshop2022中文版是一款专业图像处理软件,ps2022此次更新软件可选择项目云服务生成更准确和高质量的图像;PS软件界面也有了新的中性UI颜色模式,视觉效果更加高级;对神经滤波......
  • itop3568开发板在Linux系统中使用NPU
    下载rknpu2并拷贝虚拟机Ubuntu,如下图所示,RKNPU2提供了访问rk3568芯片NPU的高级接口。 下载地址为“iTOP-3568开发板\02_【iTOP-RK3568开发板】开发资料\11_NPU使用......