Vue.js - 常用 API

1、v-for

2、v-on:click ~ @click

3、new Vue({
el:’’,
data:{},
methods:{},
components:{},
watch:{},
computed:{}
})

4、v-model 双向绑定

5、{{}}

6、v-bind:content ~ :content

7、Vue.component(
props:[‘content’],
el:,
data: function(){},
template:”

{{content}}

”,
methods:{}
)

8、vm.$data vm即Vue的实例

9、this.$emit

10、v-bind:index ~ :index

11、vm.$el

12、vm.$destroy()

13、v-text ~ {{}} // 支持JS表达式

14、v-html // 与 v-text 的区别是v-html支持渲染

15、v-show

16、v-if / v-else-if / v-else

17、:key

18、vm.$set

19、Vue.set

20、is

21、ref

22、this.$refs.ref

23、Vue.prototype.bus

24、slot

25、slot-scope

26、:is

27、v-once

28、@keyframes

29、.v-enter-active

30、.v-leave-active

31、.v-enter

32、.v-enter-to

33、.v-leave

34、.v-leave-to

35、enter-active-class

36、leave-active-class

37、appear

38、type=”transition”

39、:duration

40、done()

41、@before-enter

42、@enter

43、@after-enter

44、mode

45、$router.push()

46、localStorage