(八)正式开始组件

正式开始组件

为什么说是正式开始呢,vue本来就是单页面应用,组件化,尽量保持,一个组件只做一件事情,降低耦合度,
前边那几篇都是在说vue的基本用法,为什么要那样去写
所以我们真正了解完组件之后,结合路由,我们就能有一个小的架构了,就像是你学习Java学到了类一样,开始了一个层面的编程项目书写,
后期再开始学习其他的功能加强自己的项目

(一)创建一个组件 组件是可复用的 Vue 实例

组件可以是一个完整的页面,也可以是一部分
官方文章上是进行H5的vue组件创建 我们之前说了建议直接脚手架创建,写.vue的文件
这样的一个.vue文件 里面包含

<template>
<组件名> </组件名>
</template>
<script>
import 组件名 from '引用的组件路径'
 export default {
 name:"组件名",
 components:{
   //组件的依赖注入(就是你想在这个页面里面使用其他的组件就要在这里声明)
 }
 data(){
	return{
	 
	}
 }
}
</script>
<style scoped>
</style>

上述是创建一个组件 和 引用组件的方式

注意解释

这里牵扯到了全局注册和局部注册,我们在写的时候使用的是.vue文件不是吗 就是模块系统
所以我们上述的操作为局部注册 就是你要用就是要去注册
那怎么全局注册呢
在应用入口文件 main.js 文件里面 进行引入

posted @ 2020-06-03 10:44  无梦南柯  阅读(135)  评论(0编辑  收藏  举报