main.js

// The Vue build version to load with the import command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

import Vue from 'vue' // vue不带路径, 表示从node_modules中导入
import duixiang from './App.vue' // ./App 带路径, 表示从当前目录(main.js的同级目录)导入App.vue
// ./router 带路径, 但是我们发现(main.js的同级目录并没有router.js)
// 如果没有router.js文件, 就找router目录, 去加载index.js
import luyou from './router'

Vue.config.productionTip = false
// 1. 导入vuetify
import Vuetify from 'vuetify'
// 2. 使用vuetify
Vue.use(Vuetify)
// 3. 导入css样式
import 'vuetify/dist/vuetify.min.css'

// 导入google字体, 解决小箭头问题
// import 'material-design-icons-iconfont/dist/material-design-icons.css'

/* eslint-disable no-new */
// 实例化vue对象
new Vue({
el: '#app',
router: luyou,
vuetify: new Vuetify(),
components: {
// 组件名:组件对象
App: duixiang
},
template: '<App/>'
})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容