vue 脚手架环境创建组件

创建自己的组件

	(1)template中只能存在一个根容器
	(2)script中的name是当前组件的名称,为可选项
	(3)在data中存放全部初始化状态
	(4)style为template的样式
	(5)在style标签中添加scoped,表示样式只渲染当前组件
	(6)将style标签中的 lang='css'修改成lang='less',即变成less样式,不写默认为css
	
	1、在src的components下创建xx.vue文件
		<template lang='html'>
		</template>

		<script>
		export default{
			name:'xxx',
			data(){
				return{
					xx
				}
			}
	}
		</script>
		<style lang='css'>

		</style>

	2、在App.vue主入口文件的引入
		(1)script中引入该组件地址
		(2)在component中引入该组件名
		(3)在template中<组件名/>使用

来源：CSDN

作者：神奇大叔

链接：https://blog.csdn.net/weixin_43294560/article/details/104320393