当前位置:首页 > Web开发 > 正文

不会把属性显示在dom标签中 非props特性:父组件向子组件传递一个值

2024-03-31 Web开发

标签:

1.组件使用的细节点

技术图片

H5编码中的规范是tr必需在tbody里所以不能直接套用<row></row>的写法,<ul>标签下撑持<li>,select标签下使用option,否则dom会堕落

技术图片

在子组件中界说data,是以一个函数的形式泛起的,以防备多子组件的数据斗嘴 

技术图片

$refs代表着拔取所有ref,再找名为hello的ref

技术图片

技术图片

通过ref求和的一个实例,子组件通过事件触发的形式向父组件通报数据。$emit触发一个change事件,,父组件监听:@change

2.父子组件的数据通报

vue中有单项数据流的规定,父组件可以随意向子组件通报参数,子组件没法改削父组件传来的参数,如果强行改削vue会报错

想要改削父组件传来的参数可以把参数付给一个新的东西

技术图片

3.组件参数校验与非props特性

组件校验的几种方法 圈红部分

技术图片

props特性:父组件传,子组件接,不会把属性显示在dom标签中

非props特性:父组件向子组件通报一个值,但自组件没有props这个内容,子组件没法使用父组件通报的内容

4.给组件绑定原生事件

在div元素中绑定事件

可以直接在vue实例中methods使用该事件

技术图片

在子组件中使用@绑定事件

<!-- 绑定的是一个自界说的事件,需要在子组件中的mehtods使用$emit向上触发一个click事件,父组件中监听click事件 -->

技术图片

在子组件中直接绑定原生事件

若在click后面加上一个native,即为一个绑定了一个原生的事件,而不是一个监听子组件是否发出click的事件请求可以直接vue

实例中进行挪用,不用再在子组件中写methods

   4.非父子组件间的传值

技术图片

1.vuex框架

2.颁布订阅模式:总线机制(BUS、总线、颁布订阅模式、不雅察看者模式)

技术图片

5.在vue中使用插槽

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30287.html