模块与组件、模块化与组件化 component

模块

组件

• 局部功能代码和资源的集合

非单文件组件

// 1、创建组件
const school = Vue.extend({data(){return {}}
})
const student = Vue.extend({data(){return {}}
})new Vue({el:'#root',components:{ // 2、注册组件（局部注册）school,student}
})
// 3、使用组件
<school></school>
<student></student>

单文件组件 .vue

<template></template>
<script>export default {name: '',data(){},methods:{}}
</script>
<style></style>

• webpack、脚手架
• App.vue