vue项目main.js使用方法

解析

src/main.js是入口文件，主要作用是初始化vue实例并使用需要的插件 在main.js文件中定义了一个vue对象,其中el为实例提供挂载元素 //基础设置 import Vue from ‘vue' //引入路由和vuex import router from './router' import store from './store/store’ import App from './App' //实例化一个Vue，挂载到id为app的div里面，这个vue实例有个局部组件App new Vue({ el: '#app’, router, store, components: { App }, template: '', data() { return { globaluserAgent: '' } }, created() { } }) 公共方法申明 //将axios设置成全局共用 import * as axios from './axios' // 全局调用axios Vue.prototype.$axios = axios 使用方式就可以是this.$axios.调用接口方法 //添加自定义的全局方法 import globalFunc from "./utils/globalFunc” Vue.use(globalFunc) vue项目脚手架自动生成：Vue.config.productionTip = false

Vue.config.productionTip = false
上面这行代码的意思 是阻止显示生产模式的消息，作用是来关闭生产模式下给出的提示。

开发模式：npm run dev是前端自己开发用的
生产模式：npm run build 打包之后给后端放在服务端上用的

如果没有这行代码，或者设置为true，控制台就会多出这么一段代码。
You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.

Yan_an_n 原创文章 19获赞 14访问量 949 关注 私信 展开阅读全文
作者：Yan_an_n

VUE main.js main 方法 js