uniapp组件使用一

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

每个组件，包括如下几个部分：

以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。

• 组件名称由尖括号包裹，称为标签，有开始标签和结束标签
• 在开始标签和结束标签之间，称为组件内容。如下面示例的text
• 开始标签上可以写属性，可以有多个属性
• 每个属性通过key=value形式
• 组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用

<component-name property1="value" property2="value"> 
    text 
</component-name>

注：按照vue单文件组件规范，每个vue文件的根节点必须为 <template>，且这个 <template> 下只能且必须有一个根 <view> 组件。

<template> 
    <view> 
        <view>按钮</view> 
    </view> 
</template>

组件的属性类型

组件的属性，有多种类型：

类型	描述	注解
Boolean	布尔值	组件写上该属性，不管该属性等于什么，其值都为 true，只有组件上没有写该属性时，属性值才为 false。如果属性值为变量，变量的值会被转换为 Boolean 类型。
Number	数字	1, 2.5
String	字符串	"string"
Array	数组	[ 1, "string" ]
Object	对象	{ key: value }
EventHandler	事件处理函数名	handlerName 是 methods 中定义的事件处理函数名
Any	任意属性

<template> 
    <view> 
        <view>{{text}}</view> 
    </view> 
</template>
<script> 
export default { 
    props:{
        size:{
            type: String, // 类型
            default:"16"
        }
    },
    data() { 
        return { 
            text:"按钮", 
        } 
    } 
} 
</script>