Vue.extend 是一個構造器,也就是預設了部分選項的Vue實例構造器。經常服務於Vue.component用來生成組件，可以簡單理解為當在模板中遇到該組件名稱作為標籤的自定義元素時，會自動調用...
圖片來源：Vue.js 元件化就是把頁面拆成一個ㄧ個元件( component )，然後像積木ㄧ樣把頁面組合起來，例如可能有導航列、側邊欄、table 等 component。 component...
前言 昨天介紹了V-bind用法，今天我們就來介紹v-for吧！本文同步發表於Andy's Blog 參考資料：官網v-for介紹練習檔案 V-for 用途： 將資料列表列渲染出來 簡介： v-fo...
我們在前面講了很長篇幅的元件，那元件可以分為局部註冊跟全域註冊，前面的方式我們都是採用全域註冊，而所謂的全域就是指，當我在新增一個 Vue 的應用程式時，它也可以使用這個元件，那局部的意思就是指，我們...
前言 上一篇我們介紹了Vue指令：V-bind、V-on，那今天我們要學習另外一個Vue指令：V-bind本文同步發表於Andy's Blog V-bind 參考資料：Vue.js官網教學 目的：...
在 Vue 裡面，我們可以使用元件來動態掛載 HTML而元件到底是什麼? 如果以 HTML 來說的話，就會類似像是 Header Content 這樣一個區塊一個區塊區塊裡面當然還可以包覆區塊，所以元...
動態元件 Dynamic Components 有的時候，在不同組件之間進行動態切換是非常有用的，比如在一個多標籤的界面裡可以通過 Vue 的 <component> 元素加一個特殊的...
在 Vue 專案中，透過設定 VueRouter 制訂各個頁面的 URL 以及各種畫面結構安排，但在 Nuxt 專案中，不再需要透過設定，pages 的目錄結構會自動對應出 VueRouter 的設定...
插槽可幫助您在components 中放置內容，允許以嚴格的父子關係以外的其他方式來組合components。 單個插槽（Single Slot） 使用<slot>將元件裡的裡面的字樣顯...
基本上，看完前面幾個章節的內容就已經瞭解 Vue.js 的基本功能了，但 Vue.js 還提供許多很棒的功能，其中之一就是元件。在製作網頁的時候會有很多個區塊，以及各個區塊要各自運作的部分，如果把全部...