learning-vue3
learning-vue3 copied to clipboard
chengpeiquan
Comments on the guide page
举一个简单的例子，下面这个函数接收一个代表 “计数” 的入参，并拼接成一句话打印到控制台，因为最终打印出来的句子是字符串，所以参数没有必要非得是数值，传字符串也是可以的，所以我们就可以使用联合类型：
// 你可以在 demo 里运行这段代码
function counter(count: number | string) {
console.log(`The current count is: ${count}.`)
}
// 不论传数值还是字符串，都可以达到我们的目的
counter(1) // The current count is: 1.
counter('2') // The current count is: 2.
在这里手打尝试练习的时候, 输出并没有获得传入的数值, 结果为:
The current count is: ${count}.
找不到原因, 直到我把整段代码复制过去才发现,
console.log(`The current count is: ${count}.`)
这里用的是 ` , 键盘1左边的这个符号. 这我的认知冲突了, 我还以为字符串只有引号.
在网上搜了一大圈才得到答案 搜中文居然连这个符号叫啥都搜不到, 搜英文才知道是重音符, 反引号. 有了关键词搜索才知道这个在js里是模板字符串
希望这段能加个tips, 对初学者更友好
起步准备这一章非常棒, 可以说有了这章, 这个教程才能称得上入门教程, 而不是面向有编程经验者的入门教程 去年我就收藏了教程, 最初是因为vue官方手册完全看不懂才找过来的 由于当时对js不太了解, ts更是不懂, 频频报错. 学习失败了
今年有了一些三件套基础后, 又来学习挑战了 有了这章以后, 明显感觉学的顺滑了许多, 作为一个没有关键词就无法面向谷歌编程的业余爱好者, 简直是救命灵药 准备认真的过一遍教程
举一个简单的例子，下面这个函数接收一个代表 “计数” 的入参，并拼接成一句话打印到控制台，因为最终打印出来的句子是字符串，所以参数没有必要非得是数值，传字符串也是可以的，所以我们就可以使用联合类型：
// 你可以在 demo 里运行这段代码 function counter(count: number | string) { console.log(`The current count is: ${count}.`) } // 不论传数值还是字符串，都可以达到我们的目的 counter(1) // The current count is: 1. counter('2') // The current count is: 2.在这里手打尝试练习的时候, 输出并没有获得传入的数值, 结果为:
The current count is: ${count}.
找不到原因, 直到我把整段代码复制过去才发现,
console.log(
The current count is: ${count}.)这里用的是 ` , 键盘1左边的这个符号. 这我的认知冲突了, 我还以为字符串只有引号.
在网上搜了一大圈才得到答案 搜中文居然连这个符号叫啥都搜不到, 搜英文才知道是重音符, 反引号. 有了关键词搜索才知道这个在js里是模板字符串
希望这段能加个tips, 对初学者更友好
这个确实是我之前没有考虑到的，没想到带来了这么大的理解门槛！提示我已经补充上去了，其他的我稍后有时间再检查一下看看哪里还需要做一些补充的我也再加上去，后面如果遇到有类似的问题也可以直接给我发邮件，这样问题也可以比较快得到解决，真是不好意思！
起步准备这一章非常棒, 可以说有了这章, 这个教程才能称得上入门教程, 而不是面向有编程经验者的入门教程 去年我就收藏了教程, 最初是因为vue官方手册完全看不懂才找过来的 由于当时对js不太了解, ts更是不懂, 频频报错. 学习失败了
今年有了一些三件套基础后, 又来学习挑战了 有了这章以后, 明显感觉学的顺滑了许多, 作为一个没有关键词就无法面向谷歌编程的业余爱好者, 简直是救命灵药 准备认真的过一遍教程
谢谢谢谢！很开心续写的新内容也得到认可！！！
写得真好，感谢分享，对我帮助很大。 阅读完我有两个疑惑：
-
关于开发依赖和生产依赖，文章中说的我可以理解，但是我不知道他们到底有什么本质区别，他们会影响打包吗？好像不会？ 后来我在知乎这个问题找到了答案，希望可以帮到有相同疑惑的人。
-
这里我看不懂，ESM不是可以直接在script标签了引入的么，这里是什么意思呢？希望大大能够解答orz。
事实上我们刚才编译的 JS 文件，因为涉及到模块化，是无法直接在 HTML 页面里使用的（单个文件可以，因为没有涉及模块）
写得真好，感谢分享，对我帮助很大。 阅读完我有两个疑惑：
- 关于开发依赖和生产依赖，文章中说的我可以理解，但是我不知道他们到底有什么本质区别，他们会影响打包吗？好像不会？ 后来我在知乎这个问题找到了答案，希望可以帮到有相同疑惑的人。
- 这里我看不懂，ESM不是可以直接在script标签了引入的么，这里是什么意思呢？希望大大能够解答orz。
事实上我们刚才编译的 JS 文件，因为涉及到模块化，是无法直接在 HTML 页面里使用的（单个文件可以，因为没有涉及模块）
收到~ 这几个问题我后面补充完善一下然后跟你说哈（最近在赶项目上线有点忙 (:з)∠)
我的天，偶然间在 Google 搜索结果里看到了这个教程，写的太棒了，通俗易懂，跟着从头到尾操作下来，之前不明白的地方都基本上有了简单的理解，在这里搞明白了其中的原理之后在去深入学习就很方便了，谢谢作者！
这一章可以说的前端新手必看了，分享给小伙伴看看～
我的天，偶然间在 Google 搜索结果里看到了这个教程，写的太棒了，通俗易懂，跟着从头到尾操作下来，之前不明白的地方都基本上有了简单的理解，在这里搞明白了其中的原理之后在去深入学习就很方便了，谢谢作者！
这一章可以说的前端新手必看了，分享给小伙伴看看～
谢谢谢谢！中秋节快乐！
谢谢你的文章，让我对Web的整个体系有了全新的认识，也知道了这种发展的前因后果。对于只了解了三件套（HTML、CSS、JS）就跑去学各种高级框架有点懵逼的我来说，帮助特别大。
- 默认导出
// src/esm/module.mjs
const bar = 2;
function foo(params) {
console.log(params);
}
export default {
foo,
bar
}
- 默认导入
// src/esm/index.mjs
import m from "./module.mjs";
console.log(typeof m);
console.log(m);
m.foo(m.bar);
- 结果
> [email protected] dev:esm
> node src/esm/index.mjs
object
{ foo: [Function: foo], bar: 2 }
2
- 这里的结果怎么理解这句话?
工程化前期准备->用 ES Module 设计模块->命名导出和导入的"但 ES Module 不是对象"
- 默认导出
// src/esm/module.mjs const bar = 2; function foo(params) { console.log(params); } export default { foo, bar }
- 默认导入
// src/esm/index.mjs import m from "./module.mjs"; console.log(typeof m); console.log(m); m.foo(m.bar);
- 结果
> [email protected] dev:esm > node src/esm/index.mjs object { foo: [Function: foo], bar: 2 } 2
- 这里的结果怎么理解这句话?
工程化前期准备->用 ES Module 设计模块->命名导出和导入的"但 ES Module 不是对象"
写这句话的时候，上下文是关于 ESM 和 CJS 的对比的， ESM 使用 export default 默认导出一个对象的情况下，在另外一个模块里导入时，不能跟 CJS 一样使用 { foo } 这样的解构方式导入该对象里面的某个 Key ，我想想这个怎么换个比较容易理解的表达优化一下这部分的描述
- 默认导出
// src/esm/module.mjs const bar = 2; function foo(params) { console.log(params); } export default { foo, bar }
- 默认导入
// src/esm/index.mjs import m from "./module.mjs"; console.log(typeof m); console.log(m); m.foo(m.bar);
- 结果
> [email protected] dev:esm > node src/esm/index.mjs object { foo: [Function: foo], bar: 2 } 2
- 这里的结果怎么理解这句话?
工程化前期准备->用 ES Module 设计模块->命名导出和导入的"但 ES Module 不是对象"写这句话的时候，上下文是关于 ESM 和 CJS 的对比的， ESM 使用
export default默认导出一个对象的情况下，在另外一个模块里导入时，不能跟 CJS 一样使用{ foo }这样的解构方式导入该对象里面的某个 Key ，我想想这个怎么换个比较容易理解的表达优化一下这部分的描述
@Yeshan-Taoist Hi，这部分内容 已更新~
感谢解答，今天终于陆陆续续看完工程化的前期准备
之前都是在官网东一榔头，西一榔头的阅读
这份入门指导对于补足一些显而易见的常识起到很好的作用，感谢作者的辛苦付出。