没有废话的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名企算法与数据结构题目最优解(第2版)
左程云 / 电子工业出版社 / 109.00元
《程序员代码面试指南:IT名企算法与数据结构题目最优解(第2版)》是一本程序员代码面试"神书”!书中对IT名企代码面试各类题目的最优解进行了总结,并提供了相关代码实现。针对当前程序员面试缺乏权威题目汇总这一痛点,本书选取将近300道真实出现过的经典代码面试题,帮助广大程序员的面试准备做到接近万无一失。"刷”完本书后,你就是"题王”!《程序员代码面试指南:IT名企算法与数据结构题目最优解(第2版)》......一起来看看 《程序员代码面试指南:IT名企算法与数据结构题目最优解(第2版)》 这本书的介绍吧!