组件化
银角大王qaq
可怕的不是堕落,而是堕落的时候是清醒的。
展开
-
五,组件化高级
1. 编译作用域 官方准则:父组件模板的所有东西都会在父级作用域内编译,子组件模板的所有东西都会在子级作用域内编译。 概念性的东西难以理解我们用一个小案例来说明 isShow属性包含在组件中,也包含在Vue实例中 而我们在使用的时候,整个组件的使用过程是相当于在父组件中出现的。 那么他的作用域就是父组件,使用的属性也是属于父组件的属性。 因此,isShow使用的是Vue实例中的属性,而不是子组件的属性 <!DOCTYPE html> <html lang="en"> <原创 2020-07-20 17:13:36 · 70 阅读 · 0 评论 -
四,组件化开发(三)之数据
1. 组件数据存放 组件是一个单独功能模块的封装,这个模块有自己HTML模板,也应该有自己的数据data。 那么组件的数据存放在哪里呢?组件能直接访问顶层的vue实例中的数据吗? 我们发现不能直接访问顶层的vue实例中的数据。 因此组件应该有自己存放数据的地方。 组件对象也有一个data属性 这个属性必须是一个函数 如果不是一个函数,Vue直接就会报错 Vue让每个组件对象都返回一个新的对象,因为如果是同一个对象的,组件在多次使用后会相互影响。 而且这个函数返回一个对象,对象原创 2020-07-20 17:11:15 · 131 阅读 · 0 评论 -
四,组件化开发(二)
1. 全局组件和局部组件 当我们通过调用Vue.component()注册组件时,组件的注册是全局的 全局组件可以在任意的Vue实例下使用 如果我们注册的组件是挂载在某个实例下的,那么它就是一个局部组件 全局组件 //全局组件 所有的vue实例中都可以使用 var cpnC= Vue.extend({ template: '<div>\n' + ' <h1>我是标题</h1>\n' +原创 2020-07-20 17:09:52 · 89 阅读 · 0 评论 -
四,组件化开发之初识
1. 认识组件化 1. 什么是组件化 如果我们将一个页面的所有处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后期的管理以及扩展。 我们将一个页面拆分成一个一个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后的界面管理和维护就变得非常容易。 2. vue组件化思想 通常一个应用会以一棵嵌套的组件树的形式来组织: 例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组件 2. 注册组件 1. 基本步骤 创建组件构造器 调用Vue.ext原创 2020-07-20 17:08:15 · 163 阅读 · 0 评论