第一步：使用AE的插件bodymovin生成json文件。我這里使用的是ae2020版本，需要對應的是bodymovin5.6.6版本。
參考例子

第二步：安裝lottie-player插件引用json文件。
lottie-player文檔

其中需要注意的是本地的文件src指向localhost路徑級別，比如這個例子的路徑。

<lottie-playerautoplayloopmode="normal"src="src/assets/json/data.json"style="width: 320px;" > </lottie-player>

總結

以上是生活随笔為你收集整理的Vue3项目中使用AE+bodymovin+lottie的模式制作特效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。