我們這次來做圖表,讓網頁更漂亮。此篇參考點我 安裝 cmd到專案資料夾 npm i -s dr-vue-echarts 到main.js import DrVueEcharts from 'dr-v...
前面文章提到許多前、後端分離的開發方式,也模擬過很多次資料來自於外部(json)的開發,今天跟大家介紹一個網站,能讓我們真正模擬網頁資料來自於後端工程師所提供API的方法,網址是:https://re...
使用vue-cli之後,我們順利的編寫了共用函數、共用元件也透過了vue-route做出了動態路由,這篇文章想來個綜合演練,將動態路由配合上共用元件製作出一個範例,大家可以先玩玩看這個範例: 範例檔...
在上一篇中我們使用了土法煉鋼的方式將畫面上的組件一個一個刻出來,這篇我們來嘗試使用製作component 的方式來完成我們的畫面 測驗畫面 我們先來看看畫面: 我們可以簡單的將畫面分成三個區塊:...
接下來就是登入後需要呈現的畫面了! 先上成果 可以看到這裡面有使用到的組件 版面參考 https://v2.vuetifyjs.com/zh-Hans/examples/layouts/googl...
實作axios+v-select模糊查詢 先前準備安裝套件 在開始前請先安裝v-select,axios是laravel預設的套件不在另外安裝安裝安裝。 npm install --save-dev...
tags: Vuejs fixing 若是文中有任何錯誤、錯字、想討論的內容,歡迎各位大大不吝鞭笞指正、交流分享,筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 github:https://github.c...
vue3 Composition API的文章寫到這邊,歷經了: 基礎介紹篇(v-for、v-on、v-bind...等等) 安裝vue-cli與基礎介紹 認識vue-cli component製作...
之後會花幾天的時間來慢慢比較Alpine.js和Vue.js的差異,兩者非常像,畢竟Alpine.js確實就是參考Vue.js做出來的微型套件,前贅詞Alpine.js是x-,Vue.js是v-,那這...
v-if, v-else, v-else-if v-if 用於條件的方式渲染一個區塊,當指令的內容回傳為真值時會產生結構內容。 // html <div id="app"&g...