Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // store.js
- import Vue from 'vue';
- import Vuex from 'vuex';
- Vue.use(Vuex);
- const state = {
- test: [1, 2, 3],
- }
- export default new Vuex.Store({
- state
- })
- // main.js
- import Vue from 'vue'
- import App from './App'
- import router from './router'
- import store from './vuex/store'
- import BootstrapVue from 'bootstrap-vue'
- Vue.use(BootstrapVue)
- Vue.config.productionTip = false
- /* eslint-disable no-new */
- new Vue({
- el: '#app',
- router,
- store,
- template: '<App/>',
- components: { App}
- })
- //App.vue
- <template>
- <div id="app">
- <router-view/>
- </div>
- </template>
- <style lang="scss">
- @import "./assets/css/main.scss";
- </style>
- <script>
- import 'bootstrap/dist/css/bootstrap.css'
- import 'bootstrap-vue/dist/bootstrap-vue.css'
- export default {
- vuex: {
- getters: {
- test: state => state.test
- }
- },
- name: 'app',
- created() {
- console.log(this.test)
- }
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement