原创 爲VUE 腳手架中自定義title標籤頁小圖標

效果如圖所示: 一、 在項目index.html同級目錄下添加favicon.ico文件 二、 在項目index.html中引入 <link rel="shortcut icon" type="image/x-icon" href=".

原创 Vue 使用 formData 方式向後臺發送數據

1. 基本使用方式 template <input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"

原创 vue2 基礎學習08(給組件綁定原生事件)

在組件上設置點擊事件 <div id="app" > <child @click="handleClick"></child> </div> <script> Vue.

原创 vue2 基礎學習07(組件參數校驗)

父組件向子組件傳遞參數,子組件有權對這些參數進行約束,這些約束就可以叫做組件參數校驗 源碼: <div id="app" > <child :content="content"></child> </div>

原创 vue2 基礎學習06 (Vue組件:使用組件的細節點)

一.使用is解決標籤渲染中的小bug 1.如下代碼,將表格中的<tr><td></td></tr>組件化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 Canvas繪製出一個時鐘

參考視頻資料:Canvas 繪製時鐘 最近複習到Canvas,先準備來段有趣的代碼,用Canvas繪製出一個動態的時鐘。然後後續再對Canvas進行進一步學習。以下代碼均來自以上鍊接所屬的視頻教程。 【侵刪】 完整代碼: <!DOCTYP

原创 vue2 基礎學習05 (Vue組件:非父子組件之間的通信)

前言 我將要實現的是:點擊按鈕,將組件2中的數據傳遞給組件1,在組件1中展示。 源代碼 > 可以直接複製執行 <!DOCTYPE html> <html lang="en"> <head> <met

原创 vue2 基礎學習04 (Vue組件:父子組件之間的通信)

一、父子組件間的通信 一個簡單的例子 如圖,下面有個目錄結構:父組件下面有個子組件。 我們要實現的就是: 子組件接受父組件的data數據 點擊子組件中按鈕,可以將子組件中數據反饋給父組件 直接上代碼: <div id="app"

原创 vue2 基礎學習03 (Vue組件的進一步理解)

vue學習路徑和建議----尤雨溪 vue官網 今天看了慕課網的一個教學視頻 Vue入門 感覺清晰了很多 首先引入一個簡單的todolist案例 初始化項目(引入vue.js部分省略) <!-- 掛載點 --> <di

原创 vue2 基礎學習02 (Vue組件)

vue學習路徑和建議----尤雨溪 vue官網 1.Vue組件 參考官方文檔:組件基礎 定義一個組件 // 定義一個名爲 button-counter 的新組件 Vue.component('button-counter', { d

原创 Vue學習的路徑

接下來我將正式學習Vue,根據Vue作者所給的學習路徑進行學習。每天做好學習筆記。 ​ vue學習路徑和建議----尤雨溪 ​ vue官網

原创 vue2 基礎學習01 ( 核心最基本的功能)

vue學習路徑和建議----尤雨溪 vue官網 根據官網一步步學習 1.項目構建 引入vue庫,初學時直接通過CDN <!-- 開發環境版本,包含了有幫助的命令行警告 --> <script src="https://cdn.jsdeli