vue main.js
生活百科 2022-10-24 08:27www.ai-classes.cn生活常识
vue main.js呢?不知道的小伙伴来看看小编今天的分享吧!
1、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 const myVue = new Vue({ el: '#app’, router, store, ponents: { App }, template: '<App/>', data() { return { globaluserAgent: '' } }, created() { } }) //其他js文件可以引用main.js的myVue实例从而调用myVue的router、store等等 export default myVue
2、公共方法申明
//将axios设置成全局共用 import as axios from './axios' // 全局调用axios添加vue的实例方法 Vue.prototype.$axios = axios //使用方式就可以是this.$axios.调用接口方法 //通过vue.use使用插件 import VueAwesoSwiper from 'vue-aweso-swiper'// 轮播图插件 Vue.use(VueAwesoSwiper) //vue实例注册,要注意在js文件里无法使用(除非引入了vue),这里可以使用window去注册使用 import allUrl from './config/config' window['getUrl'] = () => { return allUrl } //使用方式window.getUrl().方法名
3、其他问题
vue项目脚手架自动生成Vue.config.productionTip = false
Vue.config.productionTip = false
上面这行代码的意思 是阻止显示生产模式的消息,作用是来关闭生产模式下给出的提示。
开发模式npm run dev是前端自己开发用的
生产模式npm run build 打包之后给后端放在服务端上用的
如果没有这行代码,或者设置为true,控制台就会多出这么一段代码。
You are running Vue in developnt mode.
Make sure to turn on production mode when deploying for production.
以上就是小编今天的分享了,希望可以帮助到大家。
上一篇:mysql text类型
下一篇:js lastindexof
生活小妙招
- 杭州市小客车总量调控管理暂行规定
- 个人所得税退税的条件和标准 下载个人所得税
- 江苏省南通市通州区天气 江苏省南通通州区天气
- 夫妻有按揭的房子离婚怎么办 夫妻有按揭的房子
- 山东省青岛市市北区天气 山东省青岛市市北区天
- 什么财产离婚后不用分割 什么财产离婚后不用分
- 工伤认定必须满足三个条件 工伤认定申请必须满
- 家暴出轨不受离婚冷静期限制 家暴不适用离婚冷
- 武夷山一周天气预报 武夷山一周天气预报15天准
- 怎么与孩子沟通最有效方法 怎么与孩子沟通的技
- 女方提出离婚财产怎么分割 女方提出离婚财产怎
- 华东五市天气预报 华东五市的天气
- 深圳车辆违章记录查询 深圳车辆违章记录查询
- 老公铁了心要离婚还能挽回吗 老公铁了心离婚的
- 怎么计算工伤十级的赔偿金 工伤十级赔偿计算公
- 武汉天气预报15天气报 武汉天气预报15天