本文內容涉及微信小程序自定義組件的開發，用到的技術有
1.組件的slot
2.組件內置數據
最終，我們實現一個名為hello的組件，他會在組件的slot前加一個hello
實現效果如下
<view class="container"> <hello>world</hello> </view>
1.首先我們先新建一個項目，名為組件開發
然后我們建立如下結構的文件
就是components下邊那些，目前都是空文件
可以看到已經開始報錯了，提示我們hello.json文件有錯,我們寫入如下內容
指示這個頁面是一個組件
然后我們編寫hello.js文件
使用Component函數初始化我們的組件，在這里，組件對象的data屬性對應組件內部變量，我們可以在組件模板中使用。
之后編寫組件模板，在slot的前面加上我們的內部變量text 在這里，slot就是我們將來要插入的文字內容
這樣我們就完成了組件的開發工作
保存，之后我們打開app.json來全局引入我們的組件
注意這里的路徑寫法和項目結構一致
最后我們來到index.wxml
刪除多余的內容 ，編寫如下代碼
可以看到組件已經成功運行了
我們查看頁面結構可以看到如下結構
下一節