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 {......}

 

上一篇:LiveCharts.Wpf 的使用


下一篇:如何使用PowerDesigner软件进行数据库设计(多对多关系)