vue3.0 CLI - 2.5 - 了解组件的三维
我的github地址-vue3.0Study-阶段学习成果都会建立分支。
问答
1、vue组件有什么?
为什么要加上vue,因为不同的MVC框架,东西不一样,不过基本的功能都有。
组件有data、computed、watch、methods以及生命周期钩子等。对于入门者来说,先搞清楚这些是什么东西。
data属性经过前面几篇文章的学习,对其已有初步的了解。
computed是计算属性,前面也有了解。
methods组件方法,其实是专门定义函数的一个对象,这些函数最终绑定到组件上。
watch和生命周期钩子也不是什么高深的东西!就是个函数而已,别被这些【高大上】的名字给吓着。后面会学习它们。如果了解过C++或JAVA的函数重载的概念,那就这么理解这两个东西吧。
2、什么是组件?
组件也不是什么高深的东西。html标签divformimg等知道吧,都是【组件】,只不过呢,vue里边的组件可以自己命名,也可以定义自己的属性等等,说白了,就是扩展标签。
关于组件,标准实际上已经实现了,叫做【自定义元素】,谷歌为那些没有实现这个标准的浏览器做了个polyfill,也即是【polymer】框架:polymer地址,都出到3.0版本了,谷歌一直在维护。
3、组件还有什么需要了解的?
组件复用、组件注册、组件组织、组件怎么互相传递数据、组件插槽、动态组件等内容。
组件复用,其实就是搞成一个html【标签】。它怎么用,传递什么数据给它,它有什么交互功能,怎么显示(前面几篇文章就在介绍这些)都已预定义。
组件注册和组件组织,结合起来理解。还是用html来理解,div可以包含div(子元素);组件也可以包含子组件;html是如何组织的,组件也是如何组织;注册是怎么回事?vue中组件要使用其他组件,必须import其他组件,这就是注册啦。对!注册和组织,就是这么简单!
注册还有全局注册和局部注册,以后学习慢慢介绍。
传递数据。html标签之间,无法自己传递数据(当然,有些css属性比如font-size,是单向传递的)。vue组件可不一样,父组件不单单可以给子组件传递数据,子组件也可以给父组件传递数据。父=>子用props;子=>父用emit事件。
插槽。我觉得实际运用过程中,也不一定非要用,以后学习在介绍。
动态组件。比如nav导航条,每个导航,可以理解为单个组件,组件复用之后呢,就是导航条。那么怎么知道目前的导航是哪个呢?这就是动态组件的用处。
组件需要了解的东西,简单介绍到这里。
高端一点的东西
上面说的,组件的数据流啊、动态和异步组件啊、访问组件的特殊方式啊、依赖注入啊、强制更新啊等等东西,学习到路由的时候,组件跟路由的纠缠关系啊,还有状态管理系统跟组件的关系等等,就不说那么多东西来吓人,其实这些东西也不是高深的东西,以后我会抽丝剥茧的用形象的方式介绍出来。
好了,以上就是本文的全部内容,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!