Vue入口文件main.js

更新时间:2023-07-10 06:08:13 阅读: 评论:0

Vue⼊⼝⽂件main.js
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been t in f with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
新年快乐文案
components: { App },
template: '<App/>'
})番茄怎么做才好吃
初中英语论文
1.⾸先我们来看第⼀句代码:
import Vue from 'vue'练胸肌最好的方法
生日庆典讲话稿
然⽽在我们的项⽬⽬录中并没有Vue这个⽂件,
那么这个Vue⽂件⼜是哪⾥来的呢?
其实最完整的写法是:
import Vue from "../node_modules/vue/dist/vue.js";
意思是:因为main.js是在src⽂件中,所以../向前⼀级相对⽬录查找node_modules,再依次寻找后⾯的⽂件。⽂件找到了,那么⽂件内是否存在Vue呢?
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? ports = factory() :南京好玩吗
typeof define === 'function' && define.amd ? define(factory) :
(global = global || lf, global.Vue = factory());####在这⾥我们找到了Vue
}(this, function () { 'u strict';初中数学知识点总结
2.我们再看看第⼆、三⾏代码
import App from './App'
import router from './router'
其实在这句代码中省略了后缀名,完整的代码应该是:
九月放假import App from './App.vue'
import router from './router.js'
在⽂件引⼊时,我们通常可以省略后缀名,⽽Vue会⾃动帮我们添加上'.js'\'.vue'\'.less'等后缀名,去帮我们匹配相应的⽂件。(vue⽂件是Vue 框架的单⽂件组件。)

本文发布于:2023-07-10 06:08:13,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1075351.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:代码   后缀名   知识点   番茄   胸肌   讲话稿   没有   是否
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图