Vue js使用es6語法來實現元件

2021-07-28 02:33:03 字數 689 閱讀 6949

鑑於官方的文件是es5的,但是使用vue-cli生成的**模板是es6的,而且es6的模組化等也非常方便,以後肯定是主流。

1)定義簡單元件 itemtemplate.vue

}li>

template>

export default

script>

2)使用元件

.test 

hello }!h1>

介紹:"text" v-model="person.introduce"/>

年齡:type="text"

v-model="person.age"/>

todo:

v-for="todo in person.todos">

}}li>

text="todo"/>

v-on:click="buttonclick">點我button>

div>

template>

import item from './itemtemplate.vue'

export default ,

data() ,,,

]}

};},

methods:

}}script>

可以參考iview元件庫的原始碼實現來學習:

ES6基本語法使用

let 宣告變數 形成塊級作用域 比如if for while 變數宣告不會被提公升 迴圈中解決下標是最後乙個值的問題 const 宣告常量 宣告後賦值 且該值不會被修改 和let一樣是塊級作用域 結構賦值 一 陣列賦值 例子1 左右相同賦值 var a,b,c,d 1,2,3,4 例子2 左右不同...

使用ES6來代替lodash

map這個應該是用的最多的方法了吧,因為我們幾乎在任何應用中都要做遍歷處理,lodash和es6的使用方式差不多 lodash 的map使用 map 1,2,3,4,5 it it 2 複製 es6的map使用 1,2,3,4,5 map it it 2 複製 你看使用起來是不是一樣啊,非常方便吧,...

es6 基本語法

es6規定暫時性死區和let const語句不出現變數提公升,主要是為了減少執行時錯誤,防止在變數宣告前就使用這個變數,從而導致意料之外的行為。這樣的錯誤在 es5 是很常見的,現在有了這種規定,避免此類錯誤就很容易了。總之,暫時性死區的本質就是,只要一進入當前作用域,所要使用的變數就已經存在了,但...