鑑於官方的文件是es5的,但是使用vue-cli生成的**模板是es6的,而且es6的模組化等也非常方便,以後肯定是主流。
1)定義簡單元件 itemtemplate.vue
2)使用元件}li>
template>
export default
script>
可以參考iview元件庫的原始碼實現來學習:.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>
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 是很常見的,現在有了這種規定,避免此類錯誤就很容易了。總之,暫時性死區的本質就是,只要一進入當前作用域,所要使用的變數就已經存在了,但...