MJMr. JKinmrjk.hashnode.dev·Aug 5, 2023 · 2 min readVue3 101-5在上一個單元，已經學習到如何使用 if 判斷式，接下來這個單元進入到迴圈。if 判斷式可以方便使用變數來控制內容是否顯示，而迴圈則是方便顯示重複的內容。 迴圈通常會跟陣列一起使用，先宣告一個陣列變數： <script> export default { name: 'App', data() { return { users1: ['Jake', 'Allan', 'Eason'], }; }, }; </script> 宣告了一個陣列 user1，然後...00
MJMr. JKinmrjk.hashnode.dev·Aug 4, 2023 · 2 min readVue3 101-4在上一個單元，已經學習到如何宣告變數與顯示出來。從這個單元開始，會接觸各種程式邏輯判斷的方法，首先先來看看什麼是 if 判斷。 一樣跟上一個單元一樣，宣告一個變數 isShow，但這裡的變數的型別是使用布林型別，只有 true 與 false 兩種值，我將其設定為 true： <script> export default { name: 'App', data() { return { isShow: true, }; }, }; </script> ...00
MJMr. JKinmrjk.hashnode.dev·Aug 3, 2023 · 1 min readVue3 101-3在上一個單元，已經學會了一個基本的 Vue 的程式流程，接下來一樣開啟 App.vue ，然後刪除所有的程式碼，改寫成： <template> {{ message }} </template> <script> export default { name: 'App', data() { return { message: 'Hello World', }; }, }; </script> 程式邏輯說明： 在這裡只先改寫 <template></...00
MJMr. JKinmrjk.hashnode.dev·Aug 1, 2023 · 1 min readVue3 101-2在上一個單元，已經學會了如何使用 Vue CLI 工具新增專案，而在建立好專案之後，可以使用 Visual Studio Code 來打開 vue3-demo 這個資料夾，在左側的目錄上可以瀏覽整個專案的結構： 總共會有這些資料夾檔案： node_modules public src .gitignore babel.config.js jsconfig.json package-lock.json package.json README.md vue.config.js ...00
MJMr. JKinmrjk.hashnode.dev·Aug 1, 2023 · 1 min readVue3 101-1前言 這個 Vue3 101 的系列，是一個關於 Vue3 的學習入門，我將會分享關於學習 Vue3 的一切基礎，所以非常適合從零開始想要接觸前端開發的朋友。 那麼學習 Vue3 需要會什麼樣的技術背景？ 一點點的 HTML、一點點的 CSS 跟一點點的 JavaScript，就算完全沒有接觸過網頁開發，我也會希望可以藉由這個系列幫助到大家真的可以完全從不會到會。 Vue3 是一個前端開發者可以學習的框架，在前端框架數量爆炸的現今，除了 Vue3 之外，還有 React 、Next.js 等框架...00
