国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

詳解TypeScript+Vue 插件 vue-class-component的使用總結

來源:懂視網 責編:小采 時間:2020-11-27 22:00:51
文檔

詳解TypeScript+Vue 插件 vue-class-component的使用總結

詳解TypeScript+Vue 插件 vue-class-component的使用總結:首先 下載 npm install vue-class-component vue-property-decorator --save-dev 一梭子直接干; 其次,咱來說說它們的區別與聯系: vue-property-decorator社區出品;vue-class-component官方出品 vue-class-compone
推薦度:
導讀詳解TypeScript+Vue 插件 vue-class-component的使用總結:首先 下載 npm install vue-class-component vue-property-decorator --save-dev 一梭子直接干; 其次,咱來說說它們的區別與聯系: vue-property-decorator社區出品;vue-class-component官方出品 vue-class-compone

首先 下載

npm install vue-class-component vue-property-decorator --save-dev

一梭子直接干;

其次,咱來說說它們的區別與聯系:

vue-property-decorator社區出品;vue-class-component官方出品

vue-class-component提供了Vue、Component等;

vue-property-decorator深度依賴了vue-class-component,拓展出了更多操作符:@Prop、@Emit、@Inject、@Model、@Provide、@Watch;

開發時正常引入vue-property-decorator就行

引入后寫vue代碼就是如此,

import {Component, Prop, Vue} from 'vue-property-decorator'

@Component
export default class App extends Vue {
 name:string = 'Simon Zhang'

 // computed
 get MyName():string {
 return `My name is ${this.name}`
 }

 // methods
 sayHello():void {
 alert(`Hello ${this.name}`)
 }

 mounted() {
 this.sayHello();
 }
}

相當于

export default {
 data () {
 return {
 name: 'Simon Zhang'
 }
 },

 mounted () {
 this.sayHello()
 },

 computed: {
 MyName() {
 return `My name is ${this.name}`
 }
 },

 methods: {
 sayHello() {
 alert(`Hello ${this.name}`)
 },
 }
}

大佬都說爽的一批;

然鵝菜鳥我遇到問題一堆,以下做個積累總結:

1、寫法問題:引入組件和接收父組件傳過來的參數

@Component({
 components: {
 XXXX
 },
 props: {
 mapFlag: Number
 }
})

2、獲取refs,在其后面加上as HTMLDivElement(不知道是不是這插件引起的,懶得管,直接干就是)

let layoutList:any = this.$refs.layout as HTMLDivElement

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

詳解TypeScript+Vue 插件 vue-class-component的使用總結

詳解TypeScript+Vue 插件 vue-class-component的使用總結:首先 下載 npm install vue-class-component vue-property-decorator --save-dev 一梭子直接干; 其次,咱來說說它們的區別與聯系: vue-property-decorator社區出品;vue-class-component官方出品 vue-class-compone
推薦度:
標簽: VUE 插件 typescript
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 欧美在线不卡视频 | 精品日韩在线观看 | 欧美综合亚洲 | 国产在线视频在线 | 亚洲小色网 | 日韩小视频在线观看 | 国内成人自拍 | 国产精品国产欧美综合一区 | 亚洲欧洲国产成人综合一本 | 精品欧美日韩一区二区三区 | 亚洲精品毛片久久久久久久 | 国内精品久久久久 | 欧美一区二区视频 | 国产精品久久久久久亚洲伦理 | 成人国产精品免费网站 | 国产欧美在线观看不卡 | 日韩欧| 亚欧国产 | 日本成人久久 | 欧美极品第1页专区 | 中文国产成人精品久久一区 | 91国内精品久久久久免费影院 | 亚洲国产精品日韩高清秒播 | 黄色国产网站 | 亚洲欧洲高清 | 青青草国产免费国产是公开 | 国产在线播放一区二区 | 在线观看日韩视频 | 国产精品久久久久久永久牛牛 | 在线欧美日韩精品一区二区 | 国产精品亚洲欧美一级久久精品 | 天天操天天插天天干 | 欧美在线视频在线观看 | 色婷婷综合在线 | 国产日韩亚洲欧美 | 在线免费国产视频 | 一区二区三区在线 | 亚洲码欧美码一区二区三区 | 伊人久久精品久久亚洲一区 | 欧美国产日韩在线 | 日韩色视频 |