组件是Vue.js中的重要概念，它允许将页面拆分成可复用的块，形成类似树的结构。组件的使用包括声明、注册和使用三个步骤。声明组件时，通过vue.extend定义模板。注册组件分为全局注册和局部注册，前者适用于所有Vue实例，后者仅限于特定实例。组件可以嵌套，父组件注册子组件后，在其template中调用。组件的本质是代码的模块化，将代码块封装，类似于函数封装，使得布局显示的是组件内的代码而非组件本身。
- 组件就是将页面拆分，分成不同的块，块中包含其他的块，可类比树的结构。
- 组件使用分为三个部分：1.声明组件 2.注册组件 3.使用组件
- 声明组件：var app = vue.extent({template: })
注册组件：全局注册：Vue.component( ”标签名“,组件名称); - 局部注册：在Vue实例中注册就成为该实例作用范围的局部组件：components: { 标签名：组件名 }
- 组件的嵌套，在父组件中注册子组件，然后在父组件的template模板中就可以使用子组件
- 组件只是框架的一种结构，页面根据组件标签寻找相应的组件，然后把组件的代码渲染，打开浏览器查看布局的时候，布局中看到的不是组件，二是组件中的代码。个人理解，组件只是一个把代码拆分成模块的代码组织方式，就像函数封装以后函数是不变的，组件封装代码块。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" conten
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
