【Vue 全家桶】2、Vue 组件化编程
模块与组件、模块化与组件化 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
原文地址：https://blog.csdn.net/OTTOkongbai/article/details/143499253
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！