W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
目前我們提供了 Vue Render For Apache Weex 作為 Vue 2.x Web 端的渲染器。引入該庫(kù)到項(xiàng)目里,即可使用 ?weex.registerComponent
? 來(lái)進(jìn)行內(nèi)置組件擴(kuò)展,也可以使用 ?Vue.component
?,兩者基本上是一致的。
Vue Render For Apache Weex 是三方插件, 不由 Apache Weex 開發(fā)或維護(hù)。
以擴(kuò)展 ?<sidebar>
? 為例,首先應(yīng)該編寫組件自身的邏輯:
// sidebar.vue
<template>
<div class="sidebar">
<slot></slot>
</div>
</template>
<style scoped>
.sidebar {
/* ... */
}
</style>
<script>
export default {
props: [],
data () {
return {}
}
}
</script>
然后在使用之前,全局注冊(cè) ?<sidebar>
? 組件:
import Vue from 'vue'
import weex from 'weex-vue-render'
import Sidebar from './path/to/sidebar.vue'
weex.init(Vue)
// 全局注冊(cè) sidebar 組件
weex.registerComponent('sidebar', Sidebar)
// 或者使用 Vue.component
// Vue.component('sidebar', Sidebar)
在擴(kuò)展 Weex 組件時(shí),如果只使用了 Weex 提供的內(nèi)置組件,并且使用的都是 Weex 支持的樣式,那么就和普通的前端自定義組件無(wú)異,不需要 Native 端再有相應(yīng)的實(shí)現(xiàn)。
如果在定制組件時(shí)使用了目前 Weex 不支持的標(biāo)簽或樣式,還需要在 Android 和 iOS 中有相應(yīng)的實(shí)現(xiàn),否則會(huì)導(dǎo)致渲染異常。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: