vue之组件在脚手架构造篇

最近开始使用了vue构建一个新项目，对于vue的核心优势--组件的构造，很多人刚开始的时候，都是懵逼的，在网上以及官网，他们都是已经构造好的组件，并没有从头到尾的详细介绍一个组件是如何封装的，这给小白们造成很大的不方便的地方，本文就是将一个vue的组件从头到尾给构建出来的教程

创新互联公司是一家专注于网站设计制作、成都网站设计与策划设计,珠晖网站建设哪家好?创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:珠晖等地区。珠晖做网站价格咨询:18982081108

vue组件的优势
vue组件的构建
vue组件的注意事项

一、vue组件的优势

1、我们在写一个页面的时候，时长会碰到一种样式，或者一块菜单栏之类的，它们在很多的页面都是一模一样的，如果我们每一个页面都写一遍的话，会造成巨大的浪费时间和精力，如果我们全部复制黏贴过去的话，后期的修改又会十分的痛苦，有没有办法能让我们将这一块通用的样式/菜单给封装起来，等到我们使用的时候，直接引入进来，就能正常的使用了，并且我们在维护的时候，只需要修改一个文件，就能完成整体的修改。组件这个概念就应运而生了

组件具有的优势是：

① 提高开发效率

② 方便重复使用

③ 简化调试步骤

④ 提升整个项目的可维护性

⑤ 便于协同开发

⑥vue 中的组件是一个自定义标签形式，Vue.js的编译器为它添加特殊功能；vue也可以扩展原生的html元素，封装可重用的代码。