vue3 写项目从哪里开始

[Askeladdwindland]

我一直想从头写一个博客试试，最近几天把 vue3 看了一堆脑子都看晕了，我对前端了解不多但基本的还是知道一些，因为以前用过.net 还有 Android 控件之类的，所以在理解 html 和 css 那没有太多难处，但 typescript 之类的也就了解过一点基础。 然后一直在看别人写的 vue 项目，可能是我理解的不够到位，看完就总感觉所以我到底从哪开始写，每个人的分层都不一样，引用来引用去的，我到底是先写组件还是通用方法，还是从视图（页面）开始？写页面的话是从模版 part 开始写，写到要用的数据 /方法了再去 script 里写吗？

希望开发过前端的老哥能讲讲思路指点我一下，非常感谢

[dream4ever]

整体上按自顶向下的原则来吧，先把每个页面的大框架搭出来，比如常见的 header + main + footer 结构，然后逐步往里填充下一级的内容。如果自底向上的话，容易迷失在细节里。

[acoldfox]

对于初学者来说都会习惯先写视图，这样边写边看很有安全感，也可以及时查看哪里写错了
如果熟练了就会先写页面要用到的数据，写好之后再写模板，顺便写模板里用到的一些方法和逻辑，最后切浏览器查看页面，缝缝补补一下就完成了
总之不够熟练就先写界面，整体有个了解，看缺哪些数据再补上去，如果熟练了以核心数据为中心去延伸，视图后面再写这样速度更快

[hLc1]

有个教程可以看看，https://vue3.chengpeiquan.com/upgrade.html

[gezimonkey]

从 hello world 开始:)

[musi]

“因为以前用过.net 还有 Android 控件之类的，所以在理解 html 和 css 那没有太多难处”
没记错的话.net 和 Android 控件都可以拖拉拽生成吧，这个 html+css 差距还是比较大的

[LavaC]

可以从 nuxt3 开始，简化了一些路由创建和组件注册之类的流程。

[zhuweiyou]

不建议后端程序员学前端

[ymy3232]

java 基础 直接从现成的项目开始 我直接魔改的 ruoyi-vue 写了不到俩月 反正现在 crud 没啥问题

[vivipure]

如果只是糊弄几个页面的话，就是先写页面，然后抽数据，写 script 。 这个一般就够用了。本身不太熟练的情况下，就别想什么组件设计，通用方法了。先写，再优化。vue 反正入门是不太需要动太多脑筋的

[marcosteam]

不如用 Nuxt ，有一个基本的框架给你会比较简单

[RedBeanIce]

后端学前端，，感觉必须从 js ，css ，html 基础开始学习，如何的写一个页面。。

[WilliamLin]

下一个 demo ，router store views api 那些文件夹看完先

[s33]

@hLc1 請問這本書有線上版嗎？