iT邦幫忙

vue相關文章
共有 351 則文章

技術 vue filter(七)

使用filter過濾器 const app = new Vue({ el: "#app", data: { friends:...

Vuex 學習筆記 系列 第 18

技術 [Vue.js] Vuex 學習筆記 (18) - 開發工具 Vue.js devtools

Vue.js devtools Vue.js devtools 是一個在開發時很實用的 Chrome 套件,我們可以在裡面檢查組件的資料,也可以查看 Vuex...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 17

技術 [Vue.js] Vuex 學習筆記 (17) - 帳號登入 pluging

前言 使用 Vuex 時我們一定會想到説可以應用在帳號登入,紀錄一些使用者的資訊,這邊我們來試著做一個帳號登入的功能。 Login Page 首先建立一個登入...

技術 [Vue.js] watch 物件屬性

Watch 使用 watch 是用來監控指定的資料變化時,觸發相對應的行為,要監控一般的參數很簡單,但是要監控物件裡面的屬性呢?以下是解決的方式: expor...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 16

技術 [Vue.js] Vuex 學習筆記 (16) - 購物車實例 module

module 由於購物車與商品各自有許多不同的函數,為了未來維護上方便,我們將其拆成獨立的檔案,這樣在 store 中就不會一次出現很長一串的程式碼,這裡我們以...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 14

技術 [Vue.js] Vuex 學習筆記 (14) - 購物車實例 component

前言 前面我們已經把 Vuex 的特性都解說完畢,應該對 Vuex 有初步的了解,但是如果沒有實作我們還是沒有辦法很熟悉,官方這邊提供了一個購物車的範例,我們就...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 13

技術 [Vue.js] Vuex 學習筆記 (13) - 表單處理

表單處理 當在嚴格模式中使用 Vuex 時,state 使用在 v-model 時會遇到問題: <input v-model="obj.mes...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 12

技術 [Vue.js] Vuex 學習筆記 (12) - 嚴格模式

嚴格模式 Strict Mode 開啟嚴格模式只需要在建立 store 時傳入 strict: true 。 const store = new Vuex.S...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 11

技術 [Vue.js] Vuex 學習筆記 (11) - 插件

插件(Plugin) Vuex 的 store 接受 plugins 選項,這個選項露出每個 mutation 的鉤子 (hook), Vuex 插件就是一個函...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 8

技術 [Vue.js] Vuex 學習筆記 (8) - actions 的核心概念

Actions Actions 類似於 mutations,但仍然有些不同: Action 提交(commit)的是 mutations ,而不是直接變更 s...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 7

技術 [Vue.js] Vuex 學習筆記 (7) - mutations 的核心概念

Mutations 提交 mutations 是改變 Vuex 中 store 的唯一方式。 mutations 非常類似於組件中的事件(event),每個 m...

鐵人賽 自我挑戰組 DAY 3
Vuex 學習筆記 系列 第 6

技術 [Vue.js] Vuex 學習筆記 (6) - mapState 與 mapGetters 合併使用

合併使用 我們在實際開發時, computed 內容並不會像前兩章的範例那樣簡單,有時我們需要將本地組件的 computed 或是 mapState 與 map...

鐵人賽 Modern Web DAY 3
每日文章推薦 系列 第 3

技術 Day3 為何是看中文的為主

原因 閱讀速度 同樣長度 中文的我可能看五分鐘 英文的可能要花上三倍時間 這麼多的文章要看我當然也只能有中文的先看中文 數量 我一天大概是看三四十篇文章 只認真...

技術 vue router-link + 引入bootstrap4 (四)

將連結改成router-link 若增加tag標籤為button,屬性則變為按鈕 <li> <router-link :to="...

技術 如何在vue裡引進自己所撰寫的sass檔案(二)

首先在src資料夾裡,建立styles資料夾,並新增style.sass 開啟main.js,加入require('./styles/style.sass')...

技術 vue安裝起手式(一)

首先架構Vue環境 # 最新稳定版 npm install vue # 全局安装 vue-cli npm install --global vue-cli #...

鐵人賽 Modern Web DAY 27

技術 vue & vuex 27 - 進階路由顯示 - multiples views、nested routes

今天我們將練習 vue-router 兩種進階顯示方式,多重顯示與巢狀路由,這樣的設計會讓我們的系統,搭配 router path 顯得語意化且更具結構性。 今...

鐵人賽 Modern Web DAY 26

技術 vue & vuex 26 - 使用 SASS 管理 CSS - webpack sass-loader

今天我們將改變 CSS 引用方式,改為使用 SASS 開發,管理我們的 CSS,因此 style tag 也可以寫 SCSS 囉! 今天目標: 移除從 st...

鐵人賽 Modern Web DAY 25

技術 vue & vuex 25 - Login - II (router auth、rouetr beforeEach)

昨天我們做了一個登入頁面,可是使用者還是可以任意轉跳到其他頁面,今天我們要讓其它頁面加上驗證項目,讓登入頁面變成我們的大門。 今天目標: 設定 router...

鐵人賽 Modern Web DAY 4
30天學會Vue.js 系列 第 4

技術 Day 4 Vue物件

vue的基本介紹與語法前三天已經介紹完了,基本過程是先載入vue.js,然後在html裡面寫templete,在js裡面宣告vue物件綁定至dom並寫入data...

技術 LPI (Linux Professtional Institute)

Linux認證 據IDC 日前表示,Linux使用人口正急速增加中,到公元 2004 年光是在美國,這塊市場就成長到3億1千1百萬美金。因此,可想而知當前Lin...