我是靠谱客的博主 繁荣凉面,最近开发中收集的这篇文章主要介绍vue template 复用_前端系列——Vue组件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1、组件的基本知识

前端开发的现代化:组件化、模块化、自动化

组件化开发概念:在Javascript 的开发中,就是根据功能、业务进行代码划分,使到这部分的代码可以被复用,说白了,将大量可重复利用的代码(功能,样式等)封装起来,各自保持独立,哪里需要就在哪里调用。

模块化:现在的主流就是之前讲过的es6的import export来实现模块化引入加载。

自动化:自动化构建项目,最主流的工具是webpack。

组件就是一个元素。所以,所有的html标签本身就可以当做是一个组件。但是这个组件不够看,不能形成一个具备独立功能的模块。如果我们可以将这些html标签组件,进行一些组合,然后赋予一些逻辑,形成具备一个独立功能的部件,这就是通常所说的组件。

就好像一辆汽车,由一个个部件拼接而成,那么某一个部件坏了,可以换,可以修对吧。网页就是这辆汽车,所谓的组件化开发,就是把整个页面分成一个个独立的部件(代码块),方便维护修理。

需要将整个webapp,划分成若干个小的组件,然后进行组合。类似于搭积木的游戏。

组件化开发的特点:可组合、可重用、可维护

2、组件的使用

(1)定义组件

所谓组件,其实就是将html标签进行组合,赋予一些逻辑,形成一个具备独立功能的部件。组件的最小单位就是html标签。换言之,所有

最后

以上就是繁荣凉面为你收集整理的vue template 复用_前端系列——Vue组件的全部内容,希望文章能够帮你解决vue template 复用_前端系列——Vue组件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部