Vue-class-component（一） - 碼上快樂

相關內容簡體繁體

Vue-class-component（一）

本文轉載自查看原文 2020-08-31 10:29 3618 vue

Vue-class-component 是 vue 的官方庫，作用是使用類樣式語法編寫vue組件。

<template>
<button v—on:
{{ count
<button v—on: click=" increment">+</button>
ript>
export default {
data ( ) {
return {
count: 0
created ( ) {
this. count = 10
computed: {
classMessage ( ) {
return ' if"Wä-: '
methods: {
increment ( ) {
this. count++
decrement ( ) {
this. count-—
</script>
+ this. count

<button v—on:click="decrement">—</button>
{{ count
<button
</template>
import Vue from 'vue'
im ort Com onent from
@Component
export defaul class
count
created
this.count =
'vue-class.com onent•
extends Vue
get class-Message O {
return + this. coun
set classMessage (vat) {
console. log (vat, )
increment ( ) {
this. count++
decrement ( ) {
this count——
</script>

注：data render 和所有Vue生命周期掛鈎也可以直接聲明為類成員方法，但不能在實例本身上調用它們。在聲明自定義方法時，應避免使用這些保留名稱。

vue-property-decorator

完全依賴於vue-class-component，提供了裝飾器方法：

@Component(options)--- (完全繼承於vue-class-component)

1，component

2，filters

3，directives

@Prop

@Watch

@Emit

@Model

@Inject

@Provide

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue-class-component（二） vue : 對 vue-class-component 的個人理解 vue-class-component使用Mixins vue-class-component使用watch vue-class-component的簡單使用 vue-class-component 以class的模式寫vue組件 vue中使用vue-class-component寫TS vue-class-component和vue-property-decorator vue-class-component 和 vue-property-decorator vue-property-decorator 與 vue-class-component 有什么區別？

粵ICP備18138465號 © 2018-2025 CODEPRJ.COM