没有废话的vue进阶( 一 )
栏目: JavaScript · 发布时间: 5年前
内容简介:vue组件主要包含:方法一方法二
vue组件主要包含:
- 由vue-router产生的页面,可以称之为路由组件
- 独立基础组件:例如Date和input这之类的可以全局复用的基础组件
- 业务组件,除了以上两种就是业务组件
组件精髓
props
- tppe 类型
-
default 默认
- 如果是对象,数组,必须要写成方法进行返回
msg:{ type: Array, default: ()=>([]) } 复制代码
- validator 校验,有一个参数value
- inheritAttrs 是否继承html特性
- 子组件不能修改父组件传递过来的prop
event
方法一
<parent-com @on-click="handleClick"></parent-com> 子组件 <button>点击</button> 在子组件中触发 this.$emit('on-click', event); 复制代码
方法二
加上.native就是原生方法 <parent-com @click.native="handleClick"></parent-com> 子组件 <button>点击</button> 复制代码
slot
<slot>
节点就是指定的一个插槽的位置,v-slot:[name]可以指定插槽的位置,有了name就叫具名插槽
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- 没有废话的vue高级进阶( 二 ) 8种组件通信详解
- 没有废话的vue高级进阶( 三 ) 组件高级用法及最佳实践
- 别废话,各种 SQL 到底加了什么锁?
- Python 函数式编程,没什么废话,直接看用法和代码
- 0615 - 没有比较,就没有伤害
- 对话微软ONNX负责人:没有中国的认可,开源标准没有意义
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
大数据时代的IT架构设计
IT架构设计研究组 / 电子工业出版社 / 2014-4 / 49.00元
《大数据时代的IT架构设计》以大数据时代为背景,邀请著名企业中的一线架构师,结合工作中的实际案例展开与架构相关的讨论。《大数据时代的IT架构设计》作者来自互联网、教育、传统行业等领域,分享的案例极其实用,代表了该领域较先进的架构。无论你就职于哪一行业都可以从本书中找到相关的架构经验,对您在今后的架构设计工作中都能起到很好的帮助作用。 《大数据时代的IT架构设计》适合具备一定架构基础和架构经验......一起来看看 《大数据时代的IT架构设计》 这本书的介绍吧!