自定义组件传输数据!

在vue自定义组件中,我们在最开始阶段是没有后台接口,在这种情况下,我们就需要自定义数据来模拟界面情况.如果你所自定义的后台数据是在js中,就可以用一下这种方法:

我们可以在js文件中通过export default 来对外输出数据模块.具体代码如下:

自定义js文件代码

在传输数据这方面,我们在需要用到自定义模块中的父vue(为了理解方便的简称)中传输数据,具体代码如下:

template中的代码(我传递的数据是一个数组)

:info="item"   是关键之一!!!!!!

js中的代码(一定要记住用import拿数据,地址不要写错)

然后,我们在自定义组件模块中,接受数据(为了方便理解简称:子vue).具体接收数据代码如下:

子vue接受数据具体代码

注意:  全程中最重要的就是你所传递的自义定名数组(我这里是info).自定义组件名也不要写错!