原创 curl 報錯：SSL certificate problem： unable to get local issuer certificate
問題描述 當用 curl 發起 https 請求時，報錯提示信息爲： SSL certificate problem: unable to get local issuer certificate 解決方法 方法一 在調用 curl_
2020-06-14 14:40:36
1
原创 Vue 渲染函數 & JSX
基礎 Vue 推薦在絕大多數情況下使用 template 來創建你的 HTML。然而在一些場景中，你真的需要 JavaScript 的完全編程的能力，這就是 render 函數，它比 template 更接近編譯器。 <h1> <a
2020-06-14 14:40:36
原创 Vue 表單輸入綁定
基礎用法 你可以用 v-model 指令在表單 <input> 及 <textarea> 元素上創建雙向數據綁定。它會根據控件類型自動選取正確的方法來更新元素。儘管有些神奇，但 v-model 本質上不過是語法糖。它負責監聽用戶的輸入事件
2020-06-14 14:40:36
原创 Vue 組件 - 雜項
編寫可複用組件 在編寫組件時，最好考慮好以後是否要進行復用。 一次性組件間有緊密的耦合沒關係，但是可複用組件應當定義一個清晰的公開接口，同時也不要對其使用的外層數據作出任何假設。 Vue 組件的 API 來自三部分——prop、事件和插槽
2020-06-14 14:40:36
原创 Vue 混入
簡介 混入 (mixins) 是一種分發 Vue 組件中可複用功能的非常靈活的方式。 混入對象可以包含任意組件選項。當組件使用混入對象時，所有混入對象的選項將被混入該組件本身的選項。 // 定義一個混入對象 var myMixin =
2020-06-14 14:40:36
原创 Vue 單文件組件
介紹 在很多 Vue 項目中，我們使用 Vue.component 來定義全局組件，緊接着用 new Vue({ el: '#container '}) 在每個頁面內指定一個容器元素。 這種方式在很多中小規模的項目中運作的很好，在這些項目
2020-05-02 15:25:17
原创 Vue 插件
開發插件 插件通常會爲 Vue 添加全局功能。插件的範圍沒有限，一般有下面幾種： 添加全局方法或者屬性，如: vue-custom-element 添加全局資源：指令/過濾器/過渡等，如 vue-touch 通過全局 mixin 方法添加
2020-04-25 18:19:16
原创 Vue 過渡 & 動畫
概述 Vue 在插入、更新或者移除 DOM 時，提供多種不同方式的應用過渡效果。 包括以下工具： 在 CSS 過渡和動畫中自動應用 class 可以配合使用第三方 CSS 動畫庫，如 Animate.css 在過渡鉤子函數中使用 Java
2020-02-23 17:02:28
原创 Vue 自定義指令
簡介 除了內置的指令 (v-model 和 v-show)，Vue 也允許註冊自定義指令。注意，在 Vue2.0 中，代碼複用和抽象的主要形式是組件。 然而，有的情況下，你仍然需要對普通 DOM 元素進行底層操作，這時候就會用到自定義指令
2020-02-23 17:02:28
原创 Vue 自定義事件
我們知道，子組件通過 prop 來接收父組件傳遞的數據。但子組件怎麼跟父組件通信呢？這個時候 Vue 的自定義事件系統就派得上用場了。 使用 v-on 綁定自定義事件 每個 Vue 實例都實現了事件接口，即： 使用 $on(eventNa
2019-10-26 05:37:33
原创 Vue 插槽（slot）
我們經常需要使用插槽分發內容。 在使用組件時，我們常常要像這樣組合它們： <app> <app-header></app-header> <app-footer></app-footer> </app> 注意兩點： <app>
2019-10-26 05:37:33
原创 Vue 條件渲染
v-if <h1 v-if="ok">Yes</h1> 在 <template> 元素上使用 v-if 渲染分組 因爲 v-if 是一個指令，所以必須將它添加到一個元素上。但是如果想同時渲染多個多個元素呢？ 此時，可以把一個 <tem
2019-09-16 04:11:20
原创 Vue Class 與 Style 綁定
簡介 HTML 元素的 class 綁定 和內聯樣式綁定是數據綁定的一個常見需求。 由於字符串拼接麻煩且易錯。因此，在用 v-bind 綁定 class 和 style 時，Vue.js 做了專門的增強。表達式的結果的類型除了字符串之外，
2019-09-16 04:11:20
原创 Vue 列表渲染
v-for 把一個數組對應爲一組元素 用 v-for 指令根據一組數組的選項列表進行渲染。 v-for 指令需要使用 item in items 形式的特殊語法，items 是源數據數組，item 是數組元素迭代的別名。 <ul id=
2019-09-16 04:11:20
原创 Vue 事件處理
監聽事件 可以用 v-on 指令監聽 DOM 事件，並在觸發時運行一些 JavaScript 代碼。 <div id="example-1"> <button v-on:click="counter += 1">Add 1</but
2019-09-16 04:11:20