51工具盒子
.vue文件一般都是以模板形式存在，我们会在里面定义页面的表现内容，其中我们会看到一个export default的东东，对于刚学的童鞋来说，估计有点蒙，今天来解释下。
export default是ES6的语法，意思是将这个东西导出，你要import 引入东西，导出了才能引用，来段代码，如下：
<script>
export default {
name: 'hello',
data () {
return {
webfront: 'Web前端之家！'
}
}
}
</script>
如果我们在其他页面应用这段导出的代码，我们必须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
}
]
})
