组件通信、插槽、动态组件、异步组件

修饰符

• lazy

• number

• trim

组件化开发

• 思想：提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用
• 使用方法
  1.使用Vue.extend()创建出来组件构造器对象
  2.调用Vue.component()方法注册组件
  3.使用组件

综合写法，省略掉了Vue.extend(),但是component方法会自动调用extend函数

    Vue.component('mycpn', {
      template: `

                                        
欢迎使用组件化开发
                                        
这里是内容
                                        
哈哈哈
                                    
`
    })

全局组件和局部组件

image.png

模板的两种写法

创建构造器&&注册组件

Vue.component('mycpn', {
      template: '#cpn'
    })