ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

组件化开发

2021-09-13 22:01:49  阅读:130  来源: 互联网

标签:Vue extend 构造 开发 注册 使用 组件


一、注册组件步骤解析

组件的使用分成三个步骤:

      1.创建组件构造器

      2.注册组件

      3.使用组件

1.Vue.extend():

      调用Vue.extend()创建的是一个组件构造器。

      通常在创建组件构造器时,传入template代表我们自定义组件的模板。

       该模板就是在使用到组件的地方,要显示的HTML代码。

      事实上,这种写法在Vue2.x的文档中几乎已经看不到了,它会直接使用下面我们会讲到的语法糖,但是在很多资料还是会提到这种方式,而且这种方式是学习后面方式的基础。

2.Vue.component():

     调用Vue.component()是将刚才的组件构造器注册为一个组件,并且给它起一个组件的标签名称。

     所以需要传递两个参数:1、注册组件的标签名 2、组件构造器

 

 

 二、父组件和子组件

   组件和组件之间存在层级关系

   而其中一种非常重要的关系就是父子组件的关系

 

三、父子组件的访问方式: $children

父组件访问子组件:使用$children或$refs

子组件访问父组件:使用$parent

四、props数据验证

验证都支持如下

String、Number、Boolean、Array 、Object、 Date、 Function 、Symbol

 

标签:Vue,extend,构造,开发,注册,使用,组件
来源: https://www.cnblogs.com/li660/p/15265094.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有