Vue单文件组件的使用

1，文件名是：xxxx.vue（一般是小驼峰写法，如：SchoolStudent.vue）

2，定义组件时，不用多此一举写名字，直接暴露组件（为什么要暴露，因为别的代码要用这个组件，就要import引入），代码：

<script>
export default {
    name:'School',
    data(){
        return {
            ddd:'太牛辣'
        }
    },
    methods:{
        ShowName(){
            alert(this.ddd)
        }
    }
}
</script>

这里暴露有3种办法（ES6模块化）。

Vue.extend({......})可以省略，所以由

export default Vue.extend({.......})

简写为：

export default {......}