Vue中，子组件里面要通过函数return的形式书写，为什么？

领域专家: 前端开发技术领域

2021-12-31 09:38:53

可以直接在评论区作答

...全文

43 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

JavaScript中的实例是通过构造函数来创建的，每个构造函数可以new出很多个实例，那么每个实例都会继承原型上的方法或属性。我们在通过构造函数new vue()的时候传入对象中的data数据其实是vue实例对象上的属性，数据存在于内存当中，可以直接是对象，而对于创建子组件components则不能直接使用data定义对象，vue规定了必须使用函数，而不是对象。因为使用对象的话，每个子组件上使用的data数据是相互影响的，这当然就不是我们想要的了。对象是...

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title>父组件向子组件传值</title> </head> <body> &l...

子组件的定义和注册通过Vue.component形式定义的是全局组件。这一段中，我们来讲一下子组件。在父组件中定义子组件比如说，一个账号模块是父组件，里面分为登陆模块和注册模块，这两个晓得模块就可以定义为子组件。需要注意的是作用域的问题：我们在父组件中定义的子组件，只能在当前父组件的模板中使用；在其他的组件，甚至根组件中，都无法使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

2.x 中函数式组件带来的性能提升在 3.x 中已经可以忽略不计，因此我们建议只使用有状态的组件函数式组件只能由接收props和contextslotsattrsemit) 的普通函数创建非兼容functionalattribute 已从单文件组件 (SFC) 的