export default去掉后，报错，click事件也无法实现

来源：10-4 vue3新特性composition-api（上）

诺丁山丶

2020-06-24

Test.vue

<script>
import { reactive, watchEffect } from 'vue'
const state = reactive({
  count: 1
})

const increment = () => {
  state.count++
}

watchEffect(() => {
  document.body.innerHTML = `count: ${state.count}`
  document.body.addEventListener('click', increment)
})
</script>

路由都是正常的。运行后，点击test跳转到/test后，就报错，如下图：
图片描述
运行提示信息：

请老师或者知道原因的同学，一起帮忙看下。

写回答

1回答

扬_灵

2020-06-24

同学你好，麻烦把路由配置的代码发一下，我在本地帮你定位一下问题，如果不能解决你的问题，可以继续追问。

诺丁山丶

// router.vue import { createRouter, createWebHashHistory } from 'vue-router' import Home from '../views/Home.vue' const routes = [ { path: '/', name: 'Home', component: Home }, { path: '/about', name: 'About', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') }, { path: '/test', name: 'Test', component: () => import(/* webpackChunkName: "test" */ '../views/Test.vue') } ] const router = createRouter({ history: createWebHashHistory(), routes }) export default router 额，按老师后面的课程代码，加上expot default 然后，setup就没有问题了。

2020-06-24

共1条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程

相似问题

<ve-bmap>关于事件绑定以及实现百度地图小窗

回答 2

父组件向子组件传值和子组件向父组件传值应该怎样实现。

回答 1

实际项目无法识别解构式语法

回答 1

关于折线图点位的事件

回答 1

请问老师按需加载

回答 1

打开慕课网App查看更多内容