原创 Vue入門到放棄14（vue-resource 實現 get, post, jsonp請求）
除了 vue-resource 之外，還可以使用 `axios` 的第三方包實現實現數據的請求（ `axios`不支持跨域請求） 引入vue-resource <script src="js/vue.js"></script> <scr
2020-07-03 20:30:10
原创 JS控制頁面加載（當頁面滾動到某個地方纔加載）
$(function () { var flag = 0;//控制加載次數 window.onscroll = function
2020-07-03 19:48:16
原创 Vue入門到放棄13（vue實例的生命週期）
vue實例的生命週期 什麼是生命週期：從Vue實例創建、運行、到銷燬期間，總是伴隨着各種各樣的事件，這些事件，統稱爲生命週期！ 生命週期鉤子：就是生命週期事件的別名而已； 生命週期鉤子 = 生命週期函數 = 生命週期事件 主要的生命週期函
2020-07-03 19:48:05
原创 Vue入門到放棄09（ Vue過濾器）
過濾器 概念： Vue.js 允許你自定義過濾器，可被用作一些常見的文本格式化。過濾器可以用在兩個地方：mustache 插值和 v-bind 表達式。過濾器應該被添加在 JavaScript 表達式的尾部，由“管道”符指示(" |
2020-07-03 19:48:05
原创 Vue入門到放棄18（Vue列表動畫-添加刪除）
https://cn.vuejs.org/v2/guide/transitions.html#列表過渡 Vue動畫案例 使用 transition-group 標籤 <!DOCTYPE html> <html lang="en">
2020-07-03 19:48:05
原创 Vue入門到放棄19（Vue組件）
定義Vue組件 什麼是組件： 組件的出現，就是爲了拆分Vue實例的代碼量的，能夠讓我們以不同的組件，來劃分不同的功能模塊，將來我們需要什麼樣的功能，就可以去調用對應的組件即可； 組件化和模塊化的不同： + 模塊化： 是從代碼邏輯的角度進
2020-07-03 19:48:05
原创 Vue入門到放棄04（Vue指令之v-model和雙向數據綁定（簡易計算器實現））
Vue指令之v-model <body> <div id="app"> <h4>{{ msg }}</h4> <!-- v-bind 只能實現數據的單向綁定，從 M 自動綁定到 V， 無法實現數據的雙向綁定 -
2020-07-03 19:48:05
原创 Vue入門到放棄16（Vue中的動畫）
無動畫： <body> <div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <!-- 需求： 點擊按鈕，讓 h3 顯示，再
2020-07-03 19:48:05
原创 Vue入門到放棄08（Vue小案例添加，刪除，搜索）
1.添加 <script src="./lib/vue-2.4.0.js"></script> <link rel="stylesheet" href="./lib/bootstrap-3.3.7.css"> <body>
2020-07-03 19:48:05
原创 Vue入門到放棄12(自定義指令)
Vue自定義指令 語法： Vue.directive('focus', { bind: function (el) {}, inserted: function (el) {}, updated:
2020-07-03 19:48:05
原创 Vue入門到放棄08（Vue條件判斷 v-if，v-else-if，v-else）
v-if和v-else <body> <div id="app"> <h5>Modeng 是怎麼樣的一個人？</h5> <div v-if="isHandsome">非常帥</div>
2020-07-03 19:48:05
原创 Vue入門到放棄07（Vue v-if和v-show差異）
<body> <div id="app"> <!-- <input type="button" value="toggle" @click="toggle"> --> <input type="button"
2020-07-03 19:48:05
原创 Vue入門到放棄17（Vue中的半場動畫）
JavaScript 鉤子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=
2020-07-03 19:48:05
原创 Vue入門到放棄11(按鍵修飾符)
系統修飾鍵 系統本身給我們提供的有幾個修飾鍵，我們先來使用下(https://cn.vuejs.org/v2/guide/events.html)。 自定義修飾鍵 系統提供的修飾鍵，就那麼幾個，這時如果我們想要自定義的話第一
2020-07-03 19:48:05
原创 Vue入門到放棄20（Vue的data和methods屬性）
1. 組件可以有自己的 data 數據 2. 組件的 data 和 實例的 data 有點不一樣,實例中的 data 可以爲一個對象,但是 組件中的 data 必須是一個方法 3. 組件中的 data 除了必須爲一個方法之外,這個方法內部
2020-07-03 19:48:05