weixin_54363108
2021-06-03 13:59
采纳率: 88.9%
浏览 52
已采纳

练习vue3,import 进来的shallLow组件不显示

app.vue文件

<template>

  <div class="head">

    <shall-low></shall-low>

  </div>

</template>

<script>

import shallLow from './view/shanllow'

export default{

name: "App",

  components:{shallLow},

}

</script>

shanllow文件

<template>

  <div>

    <span @click="state">点击了吗</span>

  </div>

</template>
<script>
import { shallowReactive } from "vue";
export default {
  name:"shanllow",
  setup() {
    const obj = shallowReactive({a:1,b:{c:2}});
    function state(){
      console.log(obj);
    }
    return(obj,state);
  },
  data() {
    return {};
  },
};
</script>

练习vue3,import 进来的shallLow组件不显示,只有当改变shallLow组件里的界面内容才会显示,一旦刷新界面就又不显示了

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

3条回答 默认 最新

  • 超小少 2021-06-03 14:29
    最佳回答

    setup方法返回的是一个对象,应该写为:

    setup() {
        const obj = shallowReactive({a:1,b:{c:2}});
        function state(){
          console.log(obj);
        }
        return{
           obj,
           state
        }
      },
    评论
    解决 1 无用
    打赏 举报
查看更多回答(2条)

相关推荐 更多相似问题