defaul文件封装 export_.vue文件里的export default解释

.vue文件一般都是以模板形式存在，我们会在里面定义页面的表现内容，其中我们会看到一个export default的东东，对于刚学的童鞋来说，估计有点蒙，今天来解释下。

export default是ES6的语法，意思是将这个东西导出，你要import 引入东西，导出了才能引用，来段代码，如下：

export default {

name: 'hello',

data () {

return {

webfront: 'Web前端之家！'

}

}

}

如果我们在其他页面应用这段导出的代码，我们必须import下Hello这个组件，如下代码：import Vue from 'vue'

import Router from 'vue-router'

import hello from '@/components/hello'

import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({

routes: [

{

path: '/',

name: 'HelloWorld',

component: HelloWorld

},

{

path: '/hello',

name: 'hello',

component: hello

}

]

})