Vue应用设置一些基本配置，包括使用依赖，设置路由，挂载组件等.这样就可以使用Vue框架开发应用了。我们来看看我的客服系统项目的package.json{"name":"VueLiveChat","version":"0.0.1","private":true,"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild"},"dependencies":{"axios":"^1.1.3","core-js":"^2.6.5","element-ui":"^2.15.10","sass":"^1.56.0","sass-loader":"^7.3.1","vue":"^2.6.10","vue-router":"^3.6.5"},"devDependencies":{"@vue/cli-plugin-babel":"^3.8.0","@vue/cli-service":"^3.8.0","vue-template-compiler":"^2.6.10"}}"name":"VueLiveChat"表示项目名称为VueLiveChat"version":"0.0.1"表示项目版本为0.0.1"private":true表示该项目是私有的，不会发布到npm仓库“scripts”包含两个脚本，“serve”和“build”可以在终端使用npmrunserve或npmrunbuild来运行这两个脚本“dependencies”包含项目运行所需要的依赖，比如axios、element-ui、vue-router等。“devDependencies”包含了开发项目所需要的依赖，如@vue/cli-service、vue-template-compiler等，所有的依赖都有对应的版本号，如“axios”：“^1.1.3”表示axios的版本号是1.1.3。这些依赖项将在项目中使用，可以使用npminstall命令安装。`从'vue'导入Vue从'vue-router'导入VueRouter从'element-ui'导入ElementUi从'axios'导入'axios'导入'element-ui/lib/theme-chalk/index.css';从'导入登录'./components/Login.vue'从'./components/ChatPage.vue'导入ChatPage'从'./components/ChatApp.vue'导入ChatApp'从'./components/Main.vue'导入Main'从'./导入OnlineVisitorcomponents/OnlineVisitor.vue'importAppfrom'./App.vue'//Vue.config.productionTip=falseVue.prototype.ApiHost='https://gofly.v1kf.com';Vue.prototype.$axios=axiosVue.use(VueRouter)Vue.use(ElementUi)constroutes=[{path:'/login',component:Login},{path:'/chatPage',component:ChatPage},{path:'/chatApp',component:ChatApp},{path:'/main',component:Main,children:[{path:'onlineVisitor',component:OnlineVisitor},]},]constrouter=newVueRouter({routes})constapp=newVue({render:h=>h(App),router}).$mount('#app')使用VueRouter、ElementUi和axios等依赖代码导入多个组件，例如Login、ChatPage、ChatApp、Main和OnlineVisitor。它使用VueRouter设置不同的路由，并将App组件挂载在HTML页面的#app元素上。在路由设置中，它定义了多个路由，每个组件一个。例如，当访问/login时，会显示Login组件。它还设置了一个子路由，在/main路由下有一个onlineVisitor路由，对应的组件就是OnlineVisitor。还设置了全局变量ApiHost和$axios。使用Vue.prototype.ApiHost将ApiHost设置为全局变量，并赋值给'https://gofly.v1kf.com'，这样所有Vue组件都可以访问这个变量。Vue.prototype.$axios也是如此，所以你可以在所有组件中使用$axios来访问axios模块。以这种方式设置全局变量有助于在应用程序中重用常量和变量。唯一在线客服系统https://gofly.v1kf.com
