码迷,mamicode.com
首页 > 其他好文 > 详细

Vue的入门&&组件

时间:2020-01-20 13:06:23      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:com   情况下   bsp   mic   img   之间   文档   特性   重用   

Vue基础

什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。

组件的作用

  1. 组件系统是将一个大型的界面切分成一个一个更小的可控单元。
  2. 组件是可复用的,可维护的。
  3. 组件具有强大的封装性,易于使用。
  4. 大型应用中,组件与组件之间交互是可以解耦操作的。

表单属性

技术图片

 

 表单元素的分类

技术图片

 

 注册组件并使用


通过Vue.component()去注册一个组件,你就可以全局地使用它了,具体体现在每个被new的 Vue实例/注册组件, 的template选项属性或者对应的DOM模板中,去直接使用

通过new创建Vue实例,  全局注册组件,局部注册组件三者的使用频率(场景)

1.new  Vue(),  尽管在Vue官方文档上在相当多的例子中使用到了创建Vue实例这个操作,实际上它的使用可能并没有你想象的那么平凡,在很多时候,它可能就只在挂载根实例的时候使用到

 

2.全局注册组件的使用也不太频繁,首先来说,如果大量使用全局注册的话,当然容易产生组件的命名冲突,这就意味着你在构建大型组件的时候,你不应该选择用全局注册构建具体的细颗粒度的组件(实际上即使是小型应用也不推荐啦~~~)

Vue的入门&&组件

标签:com   情况下   bsp   mic   img   之间   文档   特性   重用   

原文地址:https://www.cnblogs.com/luckyjiang/p/12217342.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!