程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

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


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

vue3使用watch

发布于2021-12-03 22:01     阅读(1396)     评论(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个字符)