原创 在Vue中使用 animate.css 庫

要在class的樣式中加上transform-origin: left center,不然可能會出問題:<!DOCTYPE html> <html> <head>     <title></title>     <meta http-equ

原创 將目錄中所有.go文件進行go fmt

代碼以及使用方法:https://github.com/lzw730/gofmtAllDir package main import ( "flag" "fmt" "io/ioutil" "log"

原创 給組件綁定原生事件

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

原创 使用組件要注意的細節點

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

原创 在Vue中使用插槽

以下方法傳值存在兩個問題:1.不能去掉外面包裹的標籤2.如果要傳值的太多,這種方法很搓很難閱讀 <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="

原创 組件參數校驗與非props特性

父組件傳遞content="hello world",子組件有權對其進行約束,或者說校驗 <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Con

原创 非父子組件間的傳值

複雜的組件之間傳值的問題,可以通過vuex、發佈訂閱模式(vue中叫總線機制、或者觀察者模式、或者Bus)來解決 <!DOCTYPE html> <html> <head> <title></title> <meta htt

原创 作用域插槽

當子組件做循環,或者某一部分dom結構應該由外部傳遞進來的時候用作用域插槽。作用域插槽必須是template開頭且結尾slot-scope以及對應的自定義名字(這裏是myprops)來接收傳遞過來的數據: <!DOCTYPE html> <

原创 父子組件間的數據傳遞

vue當中有個單向數據流的概念,也就是:父組件可以向子組件傳遞/修改參數(通過屬性的方式傳),但子組件不可以反過來修改父組件傳遞過來的參數!(因爲怕子組件改了父組件引用類型的數據,可能會影響到其他組件)。那怎樣解決這個問題?可以複製給子組件

原创 動態組件與 v-once 指令

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

原创 vue組件化

全局組件 <!DOCTYPE html> <html> <head> <title>vue</title> <!-- <script src="./vue.js"></script> --> <script src=

原创 Vue中的列表渲染

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

原创 vue模板語法

v-text、v-html、{{}}中都可以跟上js表達式,而不僅僅是變量: <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-T

原创 vue生命週期

注意:vue的生命週期函數並不放在methods中! <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" cont

原创 計算屬性(computed)的getter和setter

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"