iT邦幫忙

vue.js相關文章
共有 1414 則文章
鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 25

技術 Vue.JS且戰且飛(二十五)

官方範例-Markdown編輯 官方jsfiddle 25.php <html> <head> <meta charse...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 24

技術 Vue.JS且戰且飛(二十四)

示範Vue.js&JQuery新增修改刪除查詢(修改資料) 24-list.php <html> <head> &lt...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 23

技術 Vue.JS且戰且飛(二十三)

示範Vue.js&JQuery新增修改刪除查詢(刪除資料) 23.php <html> <head> <meta...

鐵人賽 Modern Web DAY 13
使用Vue.js製作個人blog 系列 第 13

技術 【Day 13】頁面:新增-3

markdown顯示功能加入 參考官方的demo內容,把我們自己的頁面增加預覽顯示markdown的功能。 有了基本框架,現在把Markdown功能加入到Bl...

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 11
使用Vue.js製作個人blog 系列 第 11

技術 【Day 11】頁面:新增-1

資源配置 準備套件 現在開始要開發網頁頁面。首先要準備的javascript和UI套件,也就是Vue.js和Semantic UI。 Vue.js:下載下載...

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 6
使用Vue.js製作個人blog 系列 第 6

技術 【Day 6】使用的程式語言介紹

前臺、後臺語言簡易說明 本篇要說明的是在需求確認之後,要決定什麼工具來開發。這邊分成前臺和後臺的部份,簡述這些語言在整個網站中的功能,但是詳細的教學還請請教Go...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 22

技術 Vue.JS且戰且飛(二十二)

示範Vue.js&JQuery新增修改刪除查詢(顯示list) 22.php <html> <head> <me...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 21

技術 Vue.JS且戰且飛(二十一)

示範Vue.js&JQuery新增修改刪除查詢(建立資料) 21.php <html> <head> <meta...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 20

技術 Vue.JS且戰且飛(二十)

示範Vue.js新增修改刪除查詢(建立資料表) 20.sql --CREATE Database-- CREATE DATABASE `vue_2016`;...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 19

技術 Vue.JS且戰且飛(十九)

Vue.js & JQuery & PHP AJAX 19.php <html> <head> <met...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 18

技術 Vue.JS且戰且飛(十八)

自寫小工具list order by jsfiddle <html> <head> <meta charset=&quo...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 17

技術 Vue.JS且戰且飛(十七)

Form Input Select混合技術 jsfiddle <html> <head> <meta charset=&...

鐵人賽 Modern Web DAY 16
Vue.JS且戰且飛 系列 第 16

技術 Vue.JS且戰且飛(十六)

JQuery + Vue.js jsfiddle <html> <head> <meta charset="U...

鐵人賽 Modern Web DAY 1
使用Vue.js製作個人blog 系列 第 1

技術 【Day 1】前言:動機與目標

(本系列,暫時不更新) 前言與動機 最近接到任務,是要做新的網站。網站為了以後方便搬移,所以將要使用可跨平台(不同的OS)的方式。例如可跨平台的伺服器,可跨平台...

鐵人賽 Modern Web DAY 15
Vue.JS且戰且飛 系列 第 15

技術 Vue.JS且戰且飛(十五)

使用XMLHttpRequest取得GitHub資料 jsfiddle <html> <head> <meta char...

鐵人賽 Modern Web DAY 14
Vue.JS且戰且飛 系列 第 14

技術 Vue.JS且戰且飛(十四)

自訂過濾器(2) jsfiddle <html> <head> <meta charset="UTF-8&qu...

鐵人賽 Modern Web DAY 13
Vue.JS且戰且飛 系列 第 13

技術 Vue.JS且戰且飛(十三)

自訂過濾器 jsfiddle <html> <head> <meta charset="UTF-8"...

鐵人賽 Modern Web DAY 12
Vue.JS且戰且飛 系列 第 12

技術 Vue.JS且戰且飛(十二)

過濾器-插件 找不到filter.js的網路連結所以請到https://github.com/wy-ei/vue-filter 下載測試 <html&g...

鐵人賽 Modern Web DAY 11
Vue.JS且戰且飛 系列 第 11

技術 Vue.JS且戰且飛(十一)

條件式+計算式 jsfiddle <html> <head> <meta charset="UTF-8&quo...

鐵人賽 Modern Web DAY 10
Vue.JS且戰且飛 系列 第 10

技術 Vue.JS且戰且飛(十)

新增項目&刪除項目 jsfiddle <html> <head> <meta charset="UTF...

鐵人賽 Modern Web DAY 9
Vue.JS且戰且飛 系列 第 9

技術 Vue.JS且戰且飛(九)

功能抽出(2) jsfiddle <html> <head> <meta charset="utf-8&quo...

鐵人賽 Modern Web DAY 8
Vue.JS且戰且飛 系列 第 8

技術 Vue.JS且戰且飛(八)

功能抽出(1) jsfiddle <html> <head> <meta charset="utf-8&quo...

鐵人賽 Modern Web DAY 7
Vue.JS且戰且飛 系列 第 7

技術 Vue.JS且戰且飛(七)

元件綁定 jsfiddle <html> <head> <meta charset="utf-8"&...

鐵人賽 Modern Web DAY 6
Vue.JS且戰且飛 系列 第 6

技術 Vue.JS且戰且飛(六)

methods(function概念) jsfiddle <html> <head> <meta charset=&qu...

鐵人賽 Modern Web DAY 5
Vue.JS且戰且飛 系列 第 5

技術 Vue.JS且戰且飛(五)

for in (foreach概念) jsfiddle <html> <head> <meta charset=&quo...

鐵人賽 Modern Web DAY 4

技術 vue & vuex 04 - 使用 vue-router 建構 Single Page Application

為什麼要使用 router ? 更方便讓我們切換兩個不同的頁面,而不是將所有功能寫在同一頁上面,利用 if 去切換 使用 vue-router 2.0 npm...

鐵人賽 Modern Web DAY 4
Vue.JS且戰且飛 系列 第 4

技術 Vue.JS且戰且飛(四)

if判斷&&條件式 jsfiddle <html> <head> <meta charset=&quot...

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

技術 Day 4 Vue物件

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