数据仓库vuex的安装和使用

数据仓库vuex的安装和使用

一、vuex下载和安装和使用 

step1：下载

方式一：使用script标签引入

直接引用

https://unpkg.com/vuex@3.6.2/dist/vuex.js

方式二：下载本地,引用

<script src="/js/vue.js"></script>

<script src="/js/vuex.js"></script>

step2：使用npm命令 安装vuex

npm install vuex --save

step3.使用vuex

case1:在工程化项目中，使用Vuex插件之前需要在main.js入口文件中

   a.使用import方式引入Vuex

   import Vuex from 'vuex'

   b.使用Vuex的插件引入函数Vue.use()使用Vuex

   Vue.use(Vuex);

step4.创建数据仓库

创建数据仓库

var store = new Vuex.Store({})

step5.引入到组件（因为，引入到根组件之后，所有的子组件，都可以直接用store数据仓库里面的数据）  store:store,  或  store,

var vm = new Vue({

    el: '#app',

    // 引入到组件 store:store,  或  store,

    store,

    data: {

    },

    methods: {

    },

    components: {

        Child

    }

});