store 里的状态不是在这个作用域里声明的，函数内部自然可以调用它所处的作用域上一级的变量

相当于你在函数外面声明了一个变量

@nanmu42
感觉你是对 composition api 或者 react hooks 抽离出去的 useXXX 作用域理解有偏差
每次调用 useXXX, 那是生成一个新的函数作用域，里面的东西都是重新注册的

@nanmu42
？？？ count 不是同一个 watch 的自然也不是同一个，就不可能触发多次回调
如果你这个 count 是 store 里拿出来的
那两个 watch 监听的是同一个 count 那自然会触发两次

@nanmu42 没道理，无论你怎么引用别的组件，每个 useCount 里面的 count 都是不一样的

// useCount.ts
const useCount = () => {
const count = ref(0);

watch(count, () => {
console.log('count:', count.value);
});

return {
count
};
};

// helloWorld.vue
<template>

<button @click="count++">count is: {{ count }}</button>
<button @click="count2++">count is: {{ count2 }}</button>

</template>

<script lang="ts">
import { ref, defineComponent } from 'vue';
import { useCount } from "../compositions/count";

export default defineComponent({
name: 'HelloWorld',
props: {
msg: {
type: String,
required: true
}
},
setup: () => {
const { count } = useCount();
const { count: count2 } = useCount();
return { count, count2 };
}
});
</script>

你再试试？

此外，Composition API 也带来了新的易错点，如果你的 composable 中用到了 watch()，并且在同一个 view 中的 n 个组件都用了该 composable，那么 watch()及其回调会被调用 n 次，这往往不是你想要的效果。解决方案是为 composable 提供初始化参数。

你是认真的？

@hello2060 这不是神经病，上面说的两部分人处于对面，但是事情不是这么简单，还会有更极端的人，狂热黑和狂热粉，还会有处于中间的人，觉得贵又想进去玩，自然会觉得景区这样不合理，你可以说穷逼不配进去玩，但是这批人并不会就这么消失，你理解到这种状况，就可以更平和的面对处于各种层面的人。

意识到有人和自己是不同的，这是第一步，接受有人和自己不同，是更进一步。

我觉得现在能接受别人和自己不同的人越来越少了。

@hello2060 那肯定，如果一个景区有这种操作那肯定被喷，所以苹果一定会被喷，但是也有另一部分人觉得景区玩得爽景区服务好觉得 8 块钱买矿泉水也行，着两拨人一定会产生矛盾。

所以争是肯定会争起来的。

@hello2060 景区矿泉水价格写官网上那景区还赚不赚钱了，所以景区是会想方设法不让你在进去之前知道里面矿泉水 8 块的，你付了钱进去了沉没成本来了又渴的不行自然会出那 8 块钱

苹果就比景区更优秀，买张票之前告诉你这张票进景区不能买矿泉水你也不能自带，要进景区可以买景区的矿泉水需要更高档的票

@KuroNekoFan react 要长起来可一点不比 vue 短（
vue 还能 html 抽出去写呢
<template src="xxx.html"></template>

@IGJacklove 任何比较都可以用某种角度说这是两码事

所以用这种方式否认两者相似性毫无意义

华硕 rog Strix Arion

分母

@wunonglin webstorm 能提示，vue 2.x.x 的

说明我看过了……摸不着头脑，搜了半天只有 segmentfault 的 1010000037552955 提到这个
共同点是都是 html 报错，但是那个问题没有正解
而且这 html 就一个标签里面一行 text

文档里的说明就是这个规则是支持检测在 template 下 disable next-line 这类功能的，但是我没注释（

@wunonglin 这是在 vue 文件里
<template src="./detail-page.html"></template>
<style scoped src="./detail-page.scss" lang="scss"></style>
这么写毫无问题啊

这个报错也是升级 eslint 的包以后莫名出现的

@chnwillliu 确实不妥，我尝试一下你的方法

@chnwillliu 一般是用户填完了 a 以后 blur,看到 c 框内的数据改变了，然后再去点 B

但是现在测试的时候有粘贴到 a 以后直接点 B 的情况，这里需要处理 blur -> click 极短时间内的异步流程


@xuanbg 确实，但是这个问题的场景就像上面说的，用户粘贴到 a 以后直接去点了 b，现在想想获取一开始设置 b 不可点击，C 有值的时候再允许点击比较好

@3dwelcome
不是说技术，说你的思维

整个帖子看下来感觉你有点菜