用Jsx写Vue组件

fontSize: '14px'

// other special top-level properties

key: 'key',

ref: 'ref',

// assign the `ref` is used on elements/components with v-for

refInFor: true,

slot: 'slot'

})

}

这也意味着两种情势的组件是可以互相引用的。

有时刻我们不免会在模版里惹人jsx编写的vue组件或者在jsx编写的vue组件里惹人模版组件，这里照样有些须要留意的事项：

1.在模版琅绫擎惹人jsx的组件，可以经由过程components引用，别的props的编写大年夜驼峰式改为连接符：

<template> 
 
  <div class="wrapper"> 
 
    <Test :on-click="clickHandler" :is-show="show"></Test> 
 
  </div> 
 
</template> 
 
<script> 
 
import Test from './Test.vue'; 
 
export default { 
 
  name: 'hello', 
 
  components: { 
 
    Test 
 
  }, 
 
  data() { 
 
    return { 
 
      msg: 'Welcome to Your Vue.js App', 
 
      show: true 
 
    }; 
 
  }, 
 
  methods: { 
 
    clickHandler(){ 
 
      this.show = !this.show; 
 
    } 
 
	
			 4/6   首页 上一页 2 3 4 5 6 下一页 尾页	
			

　　推荐阅读
　　尴尬了：谷歌Android Samba应用仅支持不安全的SMBv1
近日谷歌初次推出其新的Android  Samba应用，这显然不是好的宣布机会，因为在不久前，在重大年夜进击变乱中进击者就应用了该应用中安排的不安然版本SMB协定。比来几个月来，办事器消息块(SMBv1)协定中的马脚经由过程>>>详细阅读


本文标题：用Jsx写Vue组件
地址：http://www.17bianji.com/lsqh/36384.html
 1/2    1