自定义全局与局部组件

全局组件

自定义全局组件 - 模块封装.实现组件化开发 - 支持复用

Vue.component('组件名',配置信息对象-设置组件的相关属性);

自定义组件和vue实例一样,除了vue实例中的el属性不能访问以外,其他属性都可以访问;

 

 

自定义全局与局部组件_第1张图片

 

 

面试题:

从函数的作用域角度来看自定义组件中的data数据源为什么要是一个函数及返回值的形式?

只有函数才有作用域问题,当组件被复用的时候,函数与函数之间是有作用域的,所以两个不同的作用域之间,也是互不干扰的,组件不管被复用了多少次,组件中的data数据源都应该是相互隔离,互不影响的;

局部组件

自定义全局与局部组件_第2张图片

自定义全局与局部组件_第3张图片

你可能感兴趣的:(vue.js,javascript,前端)