vuex：state的简单例子

以你之姓@ 2023-02-20 13:56 20阅读 0赞

store.js

import Vue from 'vue'
    import Vuex from 'vuex'
    Vue.use(Vuex)
    
    export const store = new Vuex.Store({ 
    	state:{ 
    		lists:[{ id:1,name:'你好，Vuex',money:122}]
    	},
    })

main.js

import Vue from 'vue'
    import App from './App.vue'
    import { store} from './store/store.js'
    
    Vue.config.productionTip = false
    export var bus = new Vue();
    
    new Vue({ 
    	store,
    	render: h => h(App),
    }).$mount('#app')

App.vue

<template>
    	<div>
    		<TestVuex></TestVuex>
    	</div>
    </template>

import TestVuex from './components/test-vuex/TestVuex.vue'
    export default { 
    		name: 'app',
    		components: { 
    			TestVuex
    		},
    }

TestVue.vue

<template>
    	<div>
    		<div v-for="(item,index) in lists" :key="index">{
       {item.name}} {
       {item.money}} </div>
    	</div>
    </template>
    
    <script> export default{ computed:{ lists(){ return this.$store.state.lists } } } </script>
    
    <style> </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 vuexState 总结

vuexState 总结安装vuex 命令 npm install vuex --save 使用的过程在vue项目的src文件夹下创建一

绝地灬酷狼/ 2023年06月30日 04:26/ 0 赞/ 26 阅读

相关 Spring简单例子

1.引入包强烈建议，学习使用下maven及类似依赖包管理工具，如果你以后学Java，基本上会用到的吧 maven：在pom添加依赖： <dependenc

红太狼/ 2022年09月25日 02:29/ 0 赞/ 201 阅读

相关 jsrender简单例子

<div id="tabContent"></div> <script type="text/javascript" src="${ rootpath}/res

矫情吗；*/ 2022年08月27日 10:57/ 0 赞/ 213 阅读

相关 groovy的简单例子

groovy是基于java之上的扩展，它的基于jvm的，所以它可以跟java进行无缝的衔接。在intellij上直接加入groovy的jar包即可使用groovy。

小鱼儿/ 2022年08月11日 16:35/ 0 赞/ 232 阅读

相关 JMX简单例子

一：创建maven项目，在pom.xml里面加入如下依赖 <dependency> <groupId>com.sun.jdmk</groupId>

爱被打了一巴掌/ 2022年08月01日 18:18/ 0 赞/ 255 阅读

相关 Beanshell简单例子

Beanshell是轻量级的java 脚本语言。官方主页[http://www.beanshell.org][http_www.beanshell.org]，通过简介我

本是古典何须时尚/ 2022年07月19日 02:16/ 0 赞/ 331 阅读

相关 JavaAgent 简单例子

JavaAgent 是JDK 1.5 以后引入的，也可以叫做Java代理。 JavaAgent 是运行在 main方法之前的拦截器，它内定的方法名叫 premain ，也就是

青旅半醒/ 2022年05月29日 02:43/ 0 赞/ 280 阅读

相关 storm_简单的例子

写一个简单的topology，spout处理各单词，第一组bolt给各单词后面添加!!!，然后汇聚到同一个bolt并记录所有的单词及个数。 ![watermark_type_

缺乏、安全感/ 2022年04月11日 13:21/ 0 赞/ 333 阅读

相关 soap 简单的例子

首先确保你的soap模块开启客户端代码 <?php try { $client = new SoapClient(null,

超、凢脫俗/ 2021年12月16日 09:33/ 0 赞/ 407 阅读

相关 Flowable 简单例子

官网下载的5个war包 ![20190809094227784.png][] [http://localhost:8080/flowable-task][http_

左手的ㄟ右手/ 2021年10月24日 01:54/ 0 赞/ 412 阅读