vue main.js
天下奇闻 2023-03-27 20:53www.nkfx.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 = ne 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 VueAesomeSiper from 'vue-aesome-siper'// 轮播图插件 Vue.use(VueAesomeSiper) //vue实例注册,要注意在js文件里无法使用(除非引入了vue),这里可以使用indo去注册使用 import allUrl from './config/config' indo['getUrl'] = () => { return allUrl } //使用方式indo.getUrl().方法名
3、其他问题
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 hen deploying for production.
以上就是趣谈网小编今天的分享了,希望可以帮助到大家。
上一篇:js lastindexof
下一篇:mysql text类型
怪事奇闻
- 英格兰足球队 英格兰足球队主教练
- 宇宙十大恐怖生物 宇宙十大恐怖生物 被发现
- 御姐什么意思 御姐什么意思
- 元朝开国皇帝 元朝历代帝王一览表
- 月球上的三眼女尸真相 火星上发现生命了
- 遮盖面积最小的泳衣 泳衣女遮肚显瘦
- 正太什么意思:正太什么意思形容男生
- 朱熹是哪个朝代的 孔子是哪个朝代的
- 朱瞻基简介:朱瞻基简介老婆
- 珠穆朗玛峰在哪个国家 世界上最矮的山
- 唐三为什么杀死独孤博 斗罗大陆唐三为啥要杀死
- 图书馆30秒:图书馆30秒结局
- 拖欠农民工工资最快最直接的解决电话 北京拖欠
- 纹身老了后的恶心图片 纹身老了之后图片
- 翁美玲为何结束自己的生命 翁美玲为何结束自己
- 五红汤都有什么材料 五红汤都有什么材料