zoukankan      html  css  js  c++  java
  • vue的is和v-bind:is怎么用

    首先我们要明白v-bind的意义:
    
      <component v-bind:is="current"></component>
    如果出现了v-bind那么加载在这个组件的时候,会去创建的vue实例对象的data里找值:
    
      var vm = new Vue({ el: '#app', data: function(){ return { current: 'sub' } } })
    如图所示,找到sub,现在就等同于用sub替换了current:
    
      <component is="sub"></component>
    注意,这里:is变成了is,因为我们已经成功的从vm里面取到了current,剩下的事情就是去找到这个叫做sub的component:
    
      Vue.component('sub',{ ... })
    最后这个标签代表的内容就变成了:<sub></sub>
    对于:is=‘current’来说,总的流程如下:
    
    去vue实例的data里找到current对应的值
    用这个值再去所有的component里找到对应的component
    对于is=‘current’来说,总的流程如下:
    
    直接用current去所有的component里找到对应的component
  • 相关阅读:
    原生小程序音频播放
    Vue定义全局过滤器filter
    系统扩展性之引入外部包
    oracle update join
    OAuth2
    oracle pl/sql
    MySQL同步工具otter的使用介绍(一)
    python批量安装apk
    mac brew安装redis
    antd 修改Modal的底部按钮颜色
  • 原文地址:https://www.cnblogs.com/xzybk/p/12758996.html
Copyright © 2011-2022 走看看