midpush1 2021-01-02 06:06 采纳率: 0%
浏览 7393

VUE3中的@Options,是做什么的

<script lang="ts">
// lang="ts" 可以使用ts
import { ref } from "vue";
import { Options, setup, Vue } from "vue-class-component";
import ImgCanvas from "./components/ImgCanvas.vue";

@Options({
  components: {
    ImgCanvas,
  },
})
export default class App extends Vue {}
</script>
  • 写回答

6条回答 默认 最新

  • Seale酱 2021-01-21 11:30
    关注

    和之前的@component装饰器一个作用,用来标识这个Typescript类是一个vue组件

    在@options装饰器中可以填写vue组件内包含的属性

    @Options({
    
        data(){
            return{
                flag: 1
            }
        }
    })
    
    export default class App extends Vue{
        public flag:number = 2 // 这里的flag会把修饰器中声明的覆盖掉 class中的声明优先级高于修饰器
        // 你也可以很方便的声明一个method
        public hello(){
            console.log("hello world");
        }
    
    }
    评论

报告相同问题?

悬赏问题

  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名