All Stories

vue 條件式渲染 v-if v-else v-else-if

我們在前面的章節裡學會了怎麼把數據綁定到HTML元素上,動態的生成我們所想要的頁面。但我們不會總是希望將所有的內容都呈現到網頁上,在某些情況我們會想要根據某些條件,將HTML元素隱藏、顯示、插入或移除。

In vue3, Sep 22, 2020

Directives指令初探: v-bind 屬性綁定

前一章提到的數據綁定 {{}} Mustache語法 不能直接作用在 HTML屬性或方法上,因此當我們想要動態綁定 HTML屬性或方法時,就需要 Directives指令 的幫忙。

In vue3, Sep 21, 2020

Vue3 數據綁定

前面我們介紹過 Vue Composition API的組織結構,如何在 .vue 檔案寫進html、vue component和style,也教了怎麼配置Webpack去解析及打包我們的前端項目,一切就緒後就可以準備正式進入 Vue3 的世界了。

In vue3 tutorial, Sep 15, 2020

Vue3: Composition api

首先,我們先來看一下 Vue2 的 Options Api 於大規模網路應用程序中的侷限性,它主要存在著以下三個缺點: 大型組件很難維護 組件邏輯複用困難 對Typescript的支持有限

In vue3 tutorial, Sep 02, 2020

Vue3: Single file component

假使你是一個剛起步學習Vue的前端工程師,你很有可能在官方教程 學到如何在網頁中導入Vue框架: 在 <script> 標籤中直接引用。這確實是最有效率的Vue導入方式。

In vue3 tutorial, Sep 01, 2020

淺談 Bundle、Webpack與Vue-CLI

網頁(Web Page)進化成網頁應用程式(Web Application, 以下簡稱Web App)會具現以下特點: 更多的JavaScript 更多的用戶界面 網頁在提供服務的過程中,盡可能少刷新整個頁面

In vue3 tutorial, Aug 28, 2020

Node.js在不同平台上的安裝方法

Node.js是一個基於Chrome V8引擎的javascript的運行環境,其特點是單線程、事件驅動,非阻塞I/O模型,非常輕便高效,其包管理工具npm,是全球最大的開源庫生態系統。

In vue3 tutorial, Aug 27, 2020

[翻釋]2020最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案:Angular vs React vs Vue。

In frontend, Aug 08, 2020

如何使用Python的日誌模組提高生產力

日誌記錄是程序員工具箱中非常有用的工具。它可以幫助您更好地理解程序的流程,並發現在開發過程中可能沒有想到的場景。

In python, Aug 07, 2020

How to create a Vue 3 Project

踏入Vue 3的第一步,讓我們學習如何安裝、創建和配置一個Vue3的專案項目吧。 溫馨提醞: 在google以”Vue 3” “安裝”為關鍵字的搜尋結果大多是vue-cli3的安裝教學,千萬要小心圖文不符的教學文章。

In frontend, Aug 05, 2020