Vue學習擴充套件

vue學習擴充套件

string原始方法

es6字串擴充套件api:

結構表示式

let arr =[1,2,3]

es6通過攝製角標來獲取值

const person =

// 解構表示式獲取值

const
= person;
// 列印
函式簡寫方式
1.定義乙個加法的方法 傳入兩個引數a , b 計算a+b的結果並返回;如果b為空 則給b預設賦值為1
function add

(a,b)
return a+b;
}
簡化改進:

function add2
(a,b)
return a+b;
}
簡化

function add3
(a,b)
es6改進寫法

function add4
(a,b=1)
箭頭函式
乙個引數時:

var print =function(a)
簡寫為:
var print = a =>console.log(a);
等號後面的稱為 匿名函式

var print1=function(a)
var print1 = a =>
當只有一行**不需要寫{}
var print1 = a => a+10;
多個引數的情況

兩個引數的情況
var print = function(a,b)
可以簡寫為
var print = (a+b) => a+b
練習

function print1(a)
匿名函式
var print01=funtion(a)
函式箭頭
var print3 = a => 
var print3 = a => a+1;
var print5=function(a ,b)
var print5 = (a,b) => a+b;
物件函式簡寫
乙個物件函式裡面有eat方法

let person=,
eat2:food=>console.log(person.name+「4正在吃」+food),
eat3(food),eat4:food=>console.log(this.name+「2正在吃」+food)}
map方法

陣列中新增map方法
map

乙個字串陣列 轉為int陣列

let arr =[『1』,『20』,』-5』,『3』]
console.log(arr)
arr=arr.map(s=>parseint(s));
console.log(arr)
 
vue 擴充套件
一般在vue專案開發時會用webpack 模組化開發，它和在頁面裡引用vue 的寫法還是有區別的 webpack 配合 一般都是在webpack.config.js配置編譯的js 在輸出目錄內建立html，引用生成的js即可 它是就是require引用vue vue router,vue resou...
vue元件小擴充套件
動態元件 b component keep alive div body newvue b script type type a b a 切換 button type component div body newvue components b script is屬性 aatd bbtd cctd ...
Vue使用的擴充套件
vue2.0提供了vuex進行非父子元件之間的通訊，但在簡單的場景下，可以使用乙個空的vue例項作為 事件匯流排。實現 示例 div id c1 c1 c2 c2 div var bus new vue 為了方便將bus 空vue 定義在乙個元件中，在實際的運用中一般會新建一bus.js vue.c...