Vue技巧

第一个

组件创建的时候我们获取一次列表,同时监听一个动态的数值(dynamicValue),每当发生变化的时候重新获取一次筛选后的列表。

可直接简写为:其中immediate代表创建组件时立刻加载一次。

第二个

组件间通信的新方法

首先创建一个childComponent组件,大致就是这样的

图1

然后再创建一个父组件,大致就是这样的

图2

父组件给子组件传递了foo,boo属性,还有一个固定的intro属性,如图1,设置了props接收父组件传过来的值,如果没有接收对应的值,可以通过this.$attrs获取过来,包括boo和intro

对于inheritAttrs: false这个属性,好像在input标签上不起作用,如果没有通过props使用的话 还是会在html中显示出来。

如果在childComponent子级组件中再使用另外一个子级组件,并且此子级组件需要和‘爷爷级组件进行通信’,可以通过v-bind="$attrs"进行传递,方式方法同上。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容