重学vue之插件、传送门与render函数

• 插件定义

 // plugin 插件, 也是把通用性的功能封装起来
  const myPlugin = {
    //一定是一个install方法
    install(app, options) {
      //第一个参数app是一个vue实例，第二个这个实例的属性
      console.log(app,options)
      //外部传递进来的变量
      console.log(name)
      //提供一个number属性
      app.provide('number', '123');
      //给全局挂载一个sayHello属性
      app.config.globalProperties.$sayHello = 'hello world';
    }
  }

• 使用定义

app.use(myPlugin, { name: '456'});

 <teleport to="#box">
          <div>222</div>
 </teleport>

render() {
      const { h } = Vue;
      return h(标签名, {属性}, [内容])
    }

• 传送门
  也就是把标签，指定的传送到某个标签上

  <teleport to=".out">
          <div class="inner">inner</div>
  </teleport>

• render函数

  render() {
      const { h } = Vue;
      return h(标签名, {标签属性}, [标签内容])
    }