组件中的细节问题

    科技2022-07-11  86

    比如ul li或者ol li或者 tbody tr 或者select这样的标签,虽然用的是is属性,但是实际上使用的就是row标签,直接使用row标签会出现渲染问题。 2.在根组件中,实例中的data选项中可以是对象也可以是函数,但是子组件中data选项只能是函数,并且必须返回值。不然会报错。 3.虽然vue强调是尽量不操作DOM,但是在制作一些动画的时候我们还是的操作DOM,通过ref引用的形式来获取DOM节点进行操作。this. r e f s . r e f 指 的 是 v u e 实 例 中 所 有 的 引 用 。 通 过 t h i s . refs.ref指的是vue实例中所有的引用。 通过this. refs.refvuethis.refs.ref.hello.innerHTML获得DOM节点div标签中的内容 4.父组件可以通过属性给子组件传递参数,传递的参数可以修改,但是子组件不能修改父组件传递过来的值,是因为单向数据流,原因就是子组件接受的父组件传递过来的值不是一个基础的数据类型(比如对象),而且还被其他的子组件使用。

    那么我们怎么在子组件中改变父组件传递来的值呢? 可以将props中接收到的父组件传递来的值,复制一份放在子组件的data中,这样我们就可以使用子组件中的number属性,而不用父组件传递过来的count,这样就不会报错了。

    组件参数校验与非props特性 将父组件传递过来的值content在props中作为键,值的类型为(符合父组件传递过来的值的类型即可)。 props特性:当父组件使用子组件的时候,通过属性向子组件传值的时候,恰好子组件中声明了并接收了对父组件中传递过来的值。父子组件之间有一个对应关系。简而言之,父组件传,子组件收,就可以在子组件中使用。不会将传递的属性显示在子组件的DOM标签上。

    特性,1.在子组件上其属性不会在DOM上出现。2.当父组件传值给子组件,子组件接收了之后,就可以在模板上通过插值表达式去取得传过来的值了。

    非props特性:1.如果父组件传值给了子组件,但是子组件没有接收,就会报没有定义传值的错误。2.当我们声明一个非props特性的时候,这个属性会展示在子组件的最外层的DOM标签的div标签的HTML属性里面。简而言之,父组件传,子组件不收,不能在子组件中使用,使用就报错,会将传递的属性显示在子组件的DOM标签上。

    Processed: 0.014, SQL: 8