Vue.js 是一款流行的 JavaScript 框架，它能夠幫助開發者快速構建前端應用。如果你正在學習 Vue.js 并尋找一些實例練手，那么 CodePen 是一個很好的資源。CodePen 是一個社交編程環境，可以在線編寫 HTML、CSS、JavaScript 等代碼。它還有許多優秀的開發者共享的代碼片段可以供你學習和借鑒。

在 CodePen 上使用 Vue.js 有兩種方式：你可以導入 Vue.js 庫，或者使用 CodePen 模板。下面是一個使用 CodePen 模板的實例。

<div id="app">
{{ message }}
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
})
</script>

在這個例子中，我們創建了一個 Vue 實例并綁定到 id 為 "app" 的 div 元素上。我們還定義了一個 data 屬性來存儲 message 數據。在 HTML 代碼中，我們使用雙花括號語法將 message 數據顯示在網頁上。

CodePen 還有很多其他的 Vue.js 代碼片段，例如使用 Vuex 狀態管理器、使用 Vue Router 實現路由等等。這些代碼片段可以幫助你更好地學習 Vue.js。此外，CodePen 還支持代碼共享和評論功能，你可以與其他開發者交流并互相學習。

總之，CodePen 是一個非常出色的學習和實踐 Vue.js 的平臺。如果你正在學習 Vue.js 或者尋找一些實例練習，不妨去 CodePen 上探索一下。