Vue组件 - 单文件组件

内容

1. xxx.vue文件 => 内部书写组件

   1. template => 组件的结构
   2. script => 组件相关交互的代码
   3. style => 组件的样式

2. 代码示例

需要通过脚手架才能将下述文件成功运行起来，其中main.js是入口。

School.vue

<<< @/md/vue/code/vue_basic/19_单文件组件/School.vue

Student.vue

<<< @/md/vue/code/vue_basic/19_单文件组件/Student.vue

App.vue

<<< @/md/vue/code/vue_basic/19_单文件组件/App.vue

main.js

<<< @/md/vue/code/vue_basic/19_单文件组件/main.js

index.html

<<< @/md/vue/code/vue_basic/19_单文件组件/index.html