在微信小程序中，text、button 和 image 组件是用于创建用户界面的基本元素。下面是它们的基本用法：

text 组件

text 组件用于显示文本信息。

基本用法：

<view>  
  <text>这是一个文本</text>  
</view>  

属性：

• selectable：是否可以被选中。
• space：显示连续空格。

示例：

<view>  
  <text selectable="true" space="ensp">这里是可选择的文本    间隔使 用测 试</text>  
</view>  

button 组件

button 组件用于创建按钮，用户可以点击进行交互。

基本用法：

<view>  
  <button bindtap="handleClick">点击我</button>  
</view>  

属性：

• type：按钮的样式，例如 primary、default。
• size：按钮的大小，例如 default、mini。
• plain：是否为朴素按钮。
• disabled：是否禁用按钮。
• loading：添加加载状态图标。
• bindtap：绑定点击事件。

示例：

<view>  
  <button type="primary" size="mini" bindtap="handleClick">主按钮</button>  
  <button type="default" plain="true" disabled="true">禁用按钮</button>  
</view>  

JavaScript 文件：

Page({  
  handleClick: function() {  
    wx.showToast({  
      title: '按钮点击',  
    });  
  }  
});  

image 组件

image 组件用于展示图片。

基本用法：

<view>  
  <image src="/resources/image.png" mode="aspectFit" style="width: 300px; height: 300px;"></image>  
</view>  

属性：

• src：图片路径。
• mode：图片的缩放模式，例如 aspectFit（保持纵横比缩放图片，使图片的长边能完全显示出来）、aspectFill（保持纵横比缩放图片，只保证图片的短边能完全显示出来）等。
• lazy-load：图片懒加载。
• binderror：加载错误时的事件绑定。

示例：

<view>  
  <image src="/resources/image.png" mode="widthFix" binderror="imageError" alt="示例图片"></image>  
</view>  

JavaScript 文件：

Page({  
  imageError: function() {  
    wx.showToast({  
      title: '图片加载错误',  
      icon: 'none',  
    });  
  }  
});  

这些基本组件能够让开发者快速搭建简单和有效的用户界面。