vue组件

//注册全局组件
Vue.component(‘myComponent‘, {
  props:[‘name‘,‘age‘],//这里可以写使用组件时传入的值
  template: ‘<div>{{msg}},我是一个全局组件,我叫{{name}},我今年{{age}}</div>‘,
  data() {
    return {
      msg: ‘hello world!‘ //这里可以写组件自定义的数据
    }
  }
})

//使用全局组件  可以传值
<myComponent name="lisa" age="23"></myComponent>

　//局部组件注册，写在实例的components中

　components: {
      ‘my-component‘: {
        props:[‘name‘,‘age‘],
        template: `<div>{{msg}},这是一个局部的自定义组件，只能在当前Vue实例中使用,我叫{{name}}，我今年{{age}}</div>`,
        data() {
          return {
            msg:‘hi‘
          }
        }
      }
    }

//局部组件使用  可以传值
<my-component name="luna" age="34"></my-component>