新版本不需要引入和注册
import uniGrid from "@/components/uni-grid/uni-grid.vue"
import uniGridItem from "@/components/uni-grid-item/uni-grid-item.vue"
components: {uniGrid,uniGridItem}
使用uni-grid( 版本:1.4.0 )的步骤
1.点击HbuilderX导入插件
![](https://i-blog.csdnimg.cn/blog_migrate/a94d41e741a9e556f8744c895c4f9142.png)
点击使用hbuilderX导入插件会出现
![](https://i-blog.csdnimg.cn/blog_migrate/a9ae671f72de8aae0811f101db8cef5c.png)
2.添加内容,无需引入import及使用components注册
<template>
<view class="content">
<uni-grid :column="3">
<uni-grid-item>
<text class="text">文本</text>
</uni-grid-item>
<uni-grid-item>
<text class="text">文本</text>
</uni-grid-item>
<uni-grid-item>
<text class="text">文本</text>
</uni-grid-item>
</uni-grid>
</view>
</template>
![](https://i-blog.csdnimg.cn/blog_migrate/7d6c3241ab732b15df27c1aef5911d31.png)