Vue配置

2022-04-11 20:31:30 阅读：164 来源： 互联网

标签：Vue .. 配置 component vue components import

1 routes.js配置

import Home from '../components/Home.vue'
import Login from '../components/Login.vue'
import Header from '../components/Header.vue'
import Menu from '../components/Menu.vue'
import VueRouter from 'vue-router'
import About from '../components/About.vue'
import Register from '../components/Register.vue'
import Manage from '../components/Manage.vue'
import AddPizza from '../components/Manage/AddPizza'
import ShowPizza from '../components/Manage/ShowPizza'

const routes = [
    { path: '/', component: Home },
    { path: '/login', component: Login },
    { path: '/menu', component: Menu },
    { path: '/about', component: About },
    { path: '/register', component: Register },
    {
        path: '/manage', component: Manage,
        children: [{ path: '/addpizza', component: AddPizza },
        { path: '/', component: ShowPizza },]
    },
]


const rs = new VueRouter({
    routes: routes,
    mode: 'history'
})

export default rs

2 store.js 配置

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

Vue.use(Vuex)

export const store = new Vuex.Store({
    state: {
        
    },
    getters: {

    },
    mutations: {
       
    }
});

3 main.js配置

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router' 
import router from './router/r.js'      //改位置
import axios from 'axios'
import { store } from './store/store'   //改位置

Vue.prototype.$axios = axios

Vue.use(VueRouter)
Vue.config.productionTip = false

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

标签：Vue,..,配置,component,vue,components,import
来源： https://www.cnblogs.com/fansblog/p/16131861.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Vue配置