vue ts开发环境之组件

crayon-shin-chan

于 2018-10-01 19:53:16 发布

阅读量4.4k

点赞数

分类专栏： vue surprise 文章标签： vue ts

本文链接：https://blog.csdn.net/qq_27868061/article/details/82918205

版权

surprise 同时被 2 个专栏收录

该专栏为热销专栏榜第62名

932 篇文章 41 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

vue

24 篇文章 0 订阅

订阅专栏

这篇博客探讨了在Vue.js中使用TypeScript进行组件开发的方法，详细讲解了如何利用Vue.extend创建组件类，声明属性，使用@Component装饰器配置子组件和 vuex。同时，介绍了如何定义自定义数据、生命周期方法、普通方法、计算属性，以及如何处理$refs。文章指出，在TypeScript环境下，组件定义涉及到extends、@Component和类属性三个部分，强调了类型检查和this的使用规范。

摘要由CSDN通过智能技术生成

以vue-class-component示例来看

App.vue

<template>
  <div>
    <input v-model="msg">
    <p>prop: {
  { propMessage }}</p>
    <p>msg: {
  { msg }}</p>
    <p>helloMsg: {
  { helloMsg }}</p>
    <p>computed msg: {
  { computedMsg }}</p>
    <Hello ref="helloComponent" />
    <World />
    <button @click="greet">Greet</button>

    Clicked: {
  { $store.state.count }} times, count is {
  { evenOrOdd }}.
    <button @click="increment">+</button>
    <button @click="decrement">-</button>
    <button @click=