vue export default

可以写很多东西，包括变量和方法，对象等，只要是想作为开放的接口都可以写，

在.vue文件中一般写上data() {}以及method等,

data指的是在该组件中定义的模板数据，而如果你对<template/>中的元素绑定了点击方法，

如<button @click="login">，则可如下所示：

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  methods: {
          login: function() {
              console.log(this.username,this.password);
          }
        }
}
</script>

export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，

这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。

而 new Vue() 相当于一个构造函数，在入口文件 main.js 构造根组件的同时，

如果根组件还包含其它子组件，那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例，

最终形成一棵组件树。

export default命令并不是在每个文件中都是必须的。

它的作用只是用于导出模块，在别的模块需要调用这个模块的时候，

可以通过import命令引入使用的。

里面的data()方法要return