被 vue 搞的真的有点心烦，虽然是个小菜鸡但是我想知道到底为什么

[placeholder]

我真搞不懂了，可能是 vue3 的指南文档里没写出来吧，刚学 vue 真的搞不太懂，为什么这里死活找不到 todos

[Cbdy]

可以先学一下 Vue2

[zcf0508]

main.js

https://dubai-1254282834.cos.ap-nanjing.myqcloud.com/main.js.png

Todos.vue

https://dubai-1254282834.cos.ap-nanjing.myqcloud.com/Todos.vue.png


---

在 main.js 或者 main.ts 里挂载一次就可以了，mount 挂载会覆盖里面的内容。
setup 块里面直接声明你的 todo 数组就可以了。

可以先看下 vue-cli 或者 vite 的最小示范工程。

[liyang5945]

[mx8Y3o5w3M70LC4y]

用 react+ts 吧，react yyds

[micean]

既然是 setup 写法，直接
const todos = ref<{text:string}>([])

[xiaozhinini]

我后端开发，本来结合 jquery 做私活本来风生水起的，现在做 vue 我直接放弃前端了，太难受了

[gouflv]

vue3 不适合新手

[iseki]

react 好耶，快来看 react

[jqtmviyu]

如果是 cdn , 像官网这样
如果是单文件开发, 建议还是按照官网用 vite 生成项目
然后看下项目`index.html`和`main.ts`, 估计就是`setup`的问题, 去掉试试(没配好 ts 的话把 ts 也去了), 要先挂好 vue, 才能使用 `setup`生命周期, 而不是在 setup 生命周期里挂 vue

[placeholder]

@zcf0508 好的，感谢

[placeholder]

@liyang5945 好的，感谢

[placeholder]

感谢各位的回复，我再去试试

[sujin190]

组件模板作用域和 App 作用域不一样，你看 App mount 到了你写的 html 节点上，所以这个 html 是 App 作用域的，todos 却是属于 ListRendering 作用域的当然访问不到了，你要写组件模板才可以访问到的

[mozhizhu]

setup 本身已经在 vue 实例中了，再去 createApp 没报错？……第一次 createApp 了吗？ vite 构建的 demo 也不会酱

[byte10]

@xiaozhinini vue 好用啊，非常的简单，少年，你应该学习 vue ，思维要转换一下哈。

[vone]

@byte10 jquery 天下第一

[boringdays2015]

@vone 等你看到同事无脑复制粘贴代码，dom 交互性能重复又低下，代码充斥着不知道哪里来哪里去的奇奇怪怪变量，辛辛苦苦死也做不出来隔壁 ng react vue 三两行代码实现的功能，你也会一起骂的

[byte10]

@boringdays2015 是的 vue 用起来，神器。mvvm 的设计，简直减少 80%的工作量。
@vone 我都用过的，少年，你要动起来，不要那么的固执，我用 vue 实现一个表单的联动，非常的简单。但是用 JQ 就很复杂。完全不是一个 可以比较的东西，JQ 是工具库，vue 是架构性的东西。你的思维要转换一下，不然以后你的路走不平的。

[guyskk0x0]

把 script 标签里的 setup 去掉应该就正常了。你的代码是 options 写法，setup 是 composite 写法。

[zyzsdy]

vue 还是太灵活了。建议 vue 用户自己禁用除了入口挂载以外的其他内部挂载，也就是整个 vue 工程中只挂载一次。这会少很多问题。