vue main.js
家电维修 2022-11-07 12:21www.17kangjie.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.
以上就是长沙家政网小编今天的分享了,希望可以帮助到大家。
上一篇:mysql text类型
下一篇:js lastindexof
家电上门维修
- 液晶电视常见故障维修方法-液晶电视常见故障维
- 长宁风冷中央空调维修价格-长沙中央空调维修多
- 小区热水器维修安装;小区家用热水器维修
- 株洲电视电源维修价格查询-株洲电视机电源板维
- 阳江空调24小时维修总部电话-阳江空调24小时维修
- 乌鲁木齐空调售后服务号码
- 新余2188电视彩色故障维修方法
- 西平洗衣机维修-洗衣机维修站电话
- 榆林空调全国各市售后服务点24小时热线
- 意大利武夷山热水器售后服务电话查询-客服售后
- 新乡芜湖洗衣机售后维修服务中心—全国统一人
- 长沙热水器维修视频、修热水器电话,可预约,上门
- 乌鲁木齐空调售后400服务电话多少-乌鲁木齐空调
- 长寿菲利蒲电视维修-菲利浦电视机售后
- 液晶电视逻辑板故障排除-液晶电视逻辑板故障现
- 项城维修壁挂炉-商丘维修壁挂炉