如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
//定义
js
// components/book/index.js Component({ /** * 组件的属性列表 */ properties: { book:Object }, /** * 组件的初始数据 */ data: { }, /** * 组件的方法列表 */ methods: { onTap(event){ // 获取选中的id const bid = this.properties.book.id wx.navigateTo({ url: `/pages/book-detail/book-detail?bid=${bid}`, }) } } })
json
{ "component": true, "usingComponents": {} }
wxml
wxss
//引用
***.json
{ "usingComponents":{ "v-book":"/components/book/index" } }
//使用
<v-book book="{{item}}"/>
扩展
1.设置公共的插件属性
//公共属性 class-beh.js ``` let classicBeh = Behavior({ properties: { img: String, content: String, hidden:Boolean }, }) export { classicBeh} ``` //使用 import { classicBeh } from '../classic-beh.js' Component({ /** * 组件的属性列表 */ behaviors:[classicBeh], properties: { }, })