web前端：关于Vue中，在方法中使用(操作)子组件获取到的数据

作者:jANE2160 更新于： 2020-03-04 19:34:10

　　Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案。Vue系列有很多不同的产品，这是为了满足不同阶层的用户的需要:可以满足专业的制作工作室，同样也能满足3D自由艺术家。

　　已知，子组件通过proPS获取父组件传过来的数据，而这个数据是无法在created、mounted生命周期中使用的，只能在beforeUpdated或者updated获取到；

　　但是如果我们要使用这个数据再获取其他数据并渲染到页面，我们就不能在beforeUpdated或者updated操作，自相矛盾。

　　这就可以用到Vue的watch方法，先监听子组件获取到的数据，当数据有变化后（也就是数据获取到后），再调用相应的方法。

　　如下，子组件获取到数据detail，然后要在getTicket方法中使用这个数据，就要在watch中先监听detail的变化，当detail有数据后，再调用getTicket方法，在方法中对数据进行使用

　　具体的编程代码如下所示：

　　props:{

　　detail:''

　　},

　　methods:{

　　asyncgetTicket(){

　　console(this.detail)

　　}

　　},

　　watch:{

　　detail(){

　　this.getTicket()

　　}

　　}

　　组件(Component)是对数据和方法的简单封装。C++Builder中，一个组件就是一个从TComponent派生出来的特定对象。组件可以有自己的属性和方法。属性是组件数据的简单访问者。方法则是组件的一些简单而可见的功能。使用组件可以实现拖放式编程、快速的属性处理以及真正的面向对象的设计。VCL和CLX组件是C++Builder系统的核心。