Vue单文件组件的使用

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

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

 1 <script>
 2 export default {
 3     name:'School',
 4     data(){
 5         return {
 6             ddd:'太牛辣'
 7         }
 8     },
 9     methods:{
10         ShowName(){
11             alert(this.ddd)
12         }
13     }
14 }
15 </script>

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

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

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

简写为：

export default {......}

 

标签：文件,Vue,extend,default,export,组件,ddd
来源： https://www.cnblogs.com/KeithTee/p/15941722.html