当前阅读教程:Uni-app入门到精通教程 > 3.8 main.js | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 3.7.3 全局样式 | 下一篇: 4.1 JSON 简介 |
3.8 main.jsmain.js是我们的入口文件,主要作用是初始化vue实例并使用需要的插件。 首先引入了Vue库和App.vue,创建了一个vue实例,并且挂载vue实例。 import Vue from 'vue' import App from './App' import pageHead from './components/page-head.vue' //引用page-head组件
Vue.config.productionTip = false Vue.component('page-head', pageHead) //全局注册page-head组件 App.mpType = 'app'
const app = new Vue({ ...App }) app.$mount() //挂载Vue实例 使用Vue.use引用插件,使用Vue.prototype添加全局变量,使用Vue.component注册全局组件。 可以引用vuex,因涉及多个文件,此处没有提供示例hello uni-app ,详见示例 工程。 无法使用vue-router,路由须在pages.json中进行配置。如果开发者坚持使用vue-router,可以在插件市场找到转换插件。 注意 nvue 暂不支持在 main.js 注册全局组件 【uniapp参考资料】 (1)uni-app跨平台开发 入门到实战 https://ke.qq.com/course/package/26512 (2)uni-app 完整商城界面设计实战 https://ke.qq.com/course/2381059 (3)基于vue的uniapp商城完整项目源代码 https://ke.qq.com/course/3064977 (4)毕业设计网 (5)小程序编程网 (6)计算机编程网 |
|
上一篇: 3.7.3 全局样式 | 下一篇: 4.1 JSON 简介 |