MyBtn.js

Component({
    properties:{
        btnName:{
            type:String,
            value:"默认btn"
        },
        num:Number,
        arr:Array
    },
    created(){
        console.log(1000)
        console.log(this.data)
        console.log(typeof this.data)
    }
})

MyBtn.wxml

<button style="background: red;color: #fff;">
    {
   
   {btnName}} {
   
   {num}} {
   
   {arr}}
</button>

hello.wsml

<!--pages/hello/hello.wxml-->
<text>{
   
   {msg}}</text>
<button bindtap="update">修改</button>
<my-btn btnName="{
   
   {'我的按钮'}}"></my-btn>
<!-- <my-btn btnName="按钮2" num="3.14" arr="[1,2,3]"></my-btn> -->
<my-btn btnName="按钮2" num="{
   
   {3.14}}" arr="{
   
   {[1,2,3]}}"></my-btn>

效果图

对于数组直接使用“”时出现，出现下图警告

这个错误提示表明，在 MyBtn 组件中的 arr 属性接收到了一个不兼容的值。该属性期望一个数组 (<Array>)，但却接收到了一个非数组的值。为了解决这个问题，可以检查传递给 MyBtn 组件的 arr 属性的值。确保传递的是一个数组。

在传值时候，会将“ ”内信息转化为定义的类型。使用“ ”表示将字符串类型强制转化为定义的类型，而系统中无法将带[ ]的字符串强制转为定义的数组arr，所以出现num可以正常显示，但是arr不行。

所以，当想传一个带类型的参数时，利用插值表达法，也就是“{ { }}”形式