vue在js文件中怎么引入store和router

## 引入Vue Router ### 方式一 使用 import 语句引入 Vue Router：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  routes
})

### 方式二 在入口文件中全局注册：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

## 引入Vuex ### 方式一 使用 import 语句引入 Vuex：

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

### 方式二 在入口文件中全局注册：

import Vue from 'vue'
import App from './App.vue'
import store from './store'

Vue.config.productionTip = false

new Vue({
  store,
  render: h => h(App),
}).$mount('#app')

## 总结 Vue Router 和 Vuex 都是 Vue.js 的重要插件，在开发中使用得非常频繁。我们可以通过 import 引入，也可以在入口文件中全局注册。其中使用 import 引入需要使用 Vue.use() 函数进行注册，而在入口文件中全局注册则直接将插件实例传入 Vue 根实例。无论哪种方式，都能实现 Vuex 和 Vue Router 的引入和配置。