vue教程【五】-vue组件一

Vue教程 admin 暂无评论


vue的组件

vue的组件

组件的分类

页面级组件:

  1. 一个页面是一个组件

  2. 将可复用的部分抽离出来 基础组件

  3. 全局组件 可以声明一次 任何地方都可以使用

  4. 局部组件 必须告诉这个组件属于谁  
     一般写插件的时候 我们使用的全局组件的多一些

组件化开发的好处

  • 提高开发效率

  • 方便重复使用

  • 便于协同开发

  • 更容易被管理和维护

vue中的组件

vue中的一个自定义标签 vue就会把他看成一个组件 自定义标签本来没有任意意义  但是vue可以给这些标签赋予一定的意义。

全局组件

component 组件   template 模块

局部组件

局部使用三步
     1.创建这个组件
     2.注册这个组件
     3.引用这个组件

组件是相互独立的 不能直接跨作用域 组件中拥有生命函数周期 实例也是一个组件  
如果组件公用了数据 会导致同时更新

组件和组件之间的关系

子组件不能使用父组件的数据

转载请注明: Vue教程中文网 - 打造国内领先的vue学习网站-vue视频,vue教程,vue学习,vue培训 » vue教程【五】-vue组件一

喜欢 ()or分享