本站消息

站长简介/公众号


站长简介:高级软件工程师,曾在阿里云,每日优鲜从事全栈开发工作,利用周末时间开发出本站,欢迎关注我的微信公众号:程序员总部,程序员的家,探索程序员的人生之路!分享IT最新技术,关注行业最新动向,让你永不落伍。了解同行们的工资,生活工作中的酸甜苦辣,谋求程序员的最终出路!

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2021-03(314)

2021-04(186)

2021-05(139)

2021-06(104)

2021-07(3)

vue3使用watch

发布于2021-12-03 22:01     阅读(1024)     评论(0)     点赞(16)     收藏(2)


vue3中使用watch代码如下

  1. <template>
  2. <div>
  3. {{isShow}}
  4. </div>
  5. </template>
  6. <script>
  7. import { reactive, onMounted, toRefs, watch} from 'vue'
  8. export default {
  9. name:'files',
  10. props: {
  11. isShow:Boolean
  12. },
  13. setup(props, { emit }){
  14. const state = reactive({
  15. isShow: false
  16. })
  17. watch(
  18. //监听是否可展示
  19. () => props.isShow,
  20. (newVal, oldVal) => {
  21. console.log('改变的值',newVal)
  22. state.isShow = newVal
  23. }
  24. )
  25. onMounted(()=>{
  26. })
  27. return{
  28. ...toRefs(state)
  29. }
  30. }
  31. }
  32. </script>
  33. <style scoped>
  34. </style>

原文链接:https://blog.csdn.net/smily_word/article/details/121680335




所属网站分类: 技术文章 > 博客

作者:92wwhehjw

链接:http://www.qianduanheidong.com/blog/article/246991/866e4d99768d0690db36/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

16 0
收藏该文
已收藏

评论内容:(最多支持255个字符)