vue项目main.js使用方法

   日期:2020-04-30     浏览:239    评论:0    
核心提示:解析src/main.js是入口文件,主要作用是初始化vue实例并使用需要的插件在main.js文件javascript

解析

  • 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: '<App/>',
    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.

 
标签: 文章标签: vue
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
更多>相关资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服