学习Vue2.x

发布时间:2023年12月24日

ref属性
(1)被用来给元素或子组件注册应用信息(id的替代者)
(2)应用在html标签上获取的是真实DOM元素,或应用在组件标签上是组件实例对象(VC)
(3)使用方法:打标识:

<h1  ref="xyz"></h1><School ref="xyz"></School>

提取标识:

this.$refs.title

props属性
功能:让组件接收外部传过来的数据,如父组件给子组件传递数据,子组件接收数据
使用:
(1)传递数据 :
(2)接收数据,第一种方式,只接收:props:[‘name’]
第二种方式,限制类型:

props:{
	name:String
	}

第三种方式,限制类型、限制必要性、指定默认值:

props:{
	name:{
		type:String,//类型
		required:true,//必要性
		default'肖战'//默认值 
		}
	}	

备注:props是只读的,Vue底层会检测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据
mixin混入
功能:可以把多个组件共用的配置提取成一个混入对象
使用方式:
第一步定义混合

{
	data(){....},
	methods:{.....}
}

第二步,使用混入
(1)全局混入:Vue.mixin(xxx)
(2)局部混入:mixins:[‘xxx’]
scoped样式
作用:让样式局部生效,防止冲突
写法:

<style scoped>.....</style>
文章来源:https://blog.csdn.net/weixin_44495678/article/details/135176280
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。