Vue學習補充篇

即可以在vue外部定義變數，在建立vue例項時可以直接使用。

2.1箭頭函式

(一般在需要傳遞函式作為引數時使用)

2.2filter函式

對陣列的每個元素進行過濾

const nums = [10,20,30,40]

let new_nums = ;
new_nums = nums.filter(function(n))
console.log(new_nums) // array [ 30, 40 ]
//箭頭函式表示法
num = nums.filter(n => n>20)
console.log(num) // array [ 30, 40 ]

對陣列的每個元素進行操作

new_nums = nums.map(function(n))

console.log(new_nums) // array(4) [ 20, 40, 60, 80 ]
//箭頭函式表示法
num = nums.map(n => n*2)
console.log(num) // array(4) [ 20, 40, 60, 80 ]

對陣列每個元素進行相加或其他操作

//previous:上一次返回的值  n:陣列的每乙個元素  0表示給previous賦初始值

new_nums = nums.reduce(function(previous,n),0)
console.log(new_nums) // 100
//箭頭函式表示法
num = nums.reduce((previous,n) => previous + n,1)
console.log(num) // 101

vue學習的筆記補充

vue router中可以使用 routes 這種寫法可以讓componet 後面跟乙個匿名函式裡面跟著元件的路徑。v cloak 防止表示式閃爍 v pre 不編譯這個標籤 immediate true 在使用handler 函式時 可以在初始化時進行監聽.watch immediate true...

Vue學習筆記 高階篇

乙個簡單的元件 button counter button counter div body 定義乙個名為 button counter 的新元件 vue.component button counter 如果不用return寫 count 0 則各個部件間會互相影響！template you cl...

vue入門學習（基礎篇）

vue入門學習總結 vue的乙個元件包括三部分 template style script。vue的資料在data中定義使用。資料渲染指令 v text v html 隱藏未編譯的標籤 v cloak 控制模組隱藏 v if 值為false時不會渲染到dom上 v show 相當於display屬性...