使用,您可以将Vue组件定义为一个类型记录类,如下所示:
import Vue from "vue"
import Component from "vue-class-component"
@Component({})
export default class MyComponent extends Vue {
public foo: number = 123;
public bar: string = "123";
}
所有成员变量都成为反应性变量。Vue遍历该对象,并将所有字段替换为在设置这些字段时通知Vue的getter。它做得很
如果身份验证失败,我将尝试使类实例属性反应性地显示错误消息。
userModel.ts
export class User {
private error: string;
set errorMessage(errorMessage: string) {
this.error = errorMessage;
}
get errorMessage() {
return this.error
}
// other stuff...
}
LoginView.vue
import { User } from "./models/userModel"
我数到了
You have {{ keywordsLeft }} keywords left
在我的Vue里。
var u = new Vue({
el:'#app',
data:{
keywords:keywords,
user:user,
total_keywords:user.total_keywords,
},
computed: {
keywordsLeft: function () {
var left = total_keywords-keyw
这个有点奇怪抱歉。
我正在使用第三方库从API获取一些数据。
import lib from 'third-party'
import Vue from 'vue'
@Component({})
export default UserComponent extends Vue{
public user = null as lib.User | null
mounted(){
lib.getUser().then((val: lib.User) => {
this.user = val; /// this is where t
我将一个名为QUIZ_DATA的由4个字符串组成的简单数组导入到Vue.js组件中:
["Question1?", "Question number 2?", "This is number 3!", "And # 4"]
这四个问题是静态的,不会改变。我不需要它们是反应性的,所以我将它们作为QUIZ_DATA导入到组件中,但是当我试图遍历数组时,它会给出一个错误,即该属性是非反应性的。
<template>
<div v-for="(question, index) in QUIZ_DATA