Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Typescript 有没有办法在vue 3中查看对象的特定属性?_Typescript_Vue.js_Vuejs3 - Fatal编程技术网

Typescript 有没有办法在vue 3中查看对象的特定属性?

Typescript 有没有办法在vue 3中查看对象的特定属性?,typescript,vue.js,vuejs3,Typescript,Vue.js,Vuejs3,文档仅显示了使用 const state = reactive({ id: 1, name: "", }); watch( () => state, (state, prevState) => { // ... } ); 如果我只想看名称的更改怎么办 watch(state.name, (name, prevName) => { // for example: send a request to serve side fo

文档仅显示了使用

const state = reactive({ 
  id: 1, 
  name: "",
});

watch(
  () => state,
  (state, prevState) => { // ...
  }
);
如果我只想看
名称的更改怎么办

watch(state.name, (name, prevName) => {
    // for example: send a request to serve side for occupation validation
});

上面的代码是错误的。

您可以像这样观察单个属性的更改:

const state=无功({
id:1,
姓名:“
});
监视(
()=>state.name,
(newName,prevName)=>{
/* ... */
}
);

希望它能在您这边起作用。

OP使用的是合成API,而不是选项API。
watch: {
    'state.name': function () {
         // updated...
    }
}