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 框架的单⽂件组件。)