VUE项目中组件的创建-引入-注册-使用

   日期:2020-06-01     浏览:254    评论:0    
核心提示:什么是组件化?组件化就是将一个完整的页面根据功能拆分成多个小的功能块,每个功能块独立的完成自己的功能不同组件的组合就构成了我们一个完整的页面,这个页面可以根据需要随时更换新的组件,这样更加方便管理,并且大大提高了页面的扩展性。也 更加容易维护每一个拆分后的组件可以根据功能拆分成更小的功能组件。任何组件都可以被抽象成一颗组件树组件的使用如何使用组件构建界面?1、新建组件—新建一个vue文件:如Header.vue2、引入组件—在需要引入这个组件的vue文件中引入新建的文件(Header.vjavascrip

什么是组件化?

组件化就是将一个完整的页面根据功能拆分成多个小的功能块,每个功能块独立的完成自己的功能
不同组件的组合就构成了我们一个完整的页面,这个页面可以根据需要随时更换新的组件,这样更加方便管理,并且大大提高了页面的扩展性。也 更加容易维护
每一个拆分后的组件可以根据功能拆分成更小的功能组件。
任何组件都可以被抽象成一颗组件树

组件的使用

如何使用组件构建界面?

1、新建组件—新建一个vue文件:如Header.vue

2、引入组件—在需要引入这个组件的vue文件中引入新建的文件(Header.vue)

3、注册组件—将引入的vue文件(如Header.vue)添加到components中

4、使用组件—在template标签中使用添加的模板标签

最终显示效果

这就完成了一次完整的组件从创建-引入-注册-使用的过程

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服