vue.js怎么读正确发音

view， 发音为 view， 是一种流行的 javascript 前端框架，用于构建交互性强、动态化的用户界面。下面详细介绍一下 view 前端框架的起源、 使用场景、作者、使用情况和现状。起源， view js 的开发始于二零一三年，作者是中国程序员尤羽西 f new。 他最初开发 view js 是为了解决在开发 web 应用时遇到的一些问题，尤其是在处理复杂的用户界面交互时。 view 的设计灵感来自于 angular 和 react 等前端框架，但它强调了简洁性和灵活性，旨在提供更便于理解和使用的工具。使用场景 view js 适用于各种前端开发场景，包括但不限于单页面应用程序。 spa view 可以用来构建 spa， 其中一个页面可以包含多个组件，实现无需重新加载整个页面的用户界面。复杂的用户界面 vu 的组建化开发模式使其适用于构建大型交互性强的应用程序，如数据、仪表盘、电子商务平台等。 移动应用 view 可以结合移动开发框架，如 view native or quizar， 用于构建跨平台的移动应用。 快速原型开发 view 的简洁语法和快速渲染使其成为快速原形开发的理想选择。与后端框架协作 view 可以轻松与各种后端框架如 spring boot， drago 等协作，实现前后端分离的开发。 作者 view jays 的作者是刘禹锡 avenue， 他在开发 view 之前在孤国工作， 拥有丰富的前端开发经验。他的目标是为前端开发者提供更简单、更高效的工具，以构建现代 vip 应用程序。使用情况， vij 自发布以来得到了广泛的认可和采用，他在全球范围内拥有庞大的社区和用户群体。 许多知名公司和项目都采用了 view， 包括阿里巴巴、百度、华为、京东、腾讯等。 view 的生态系统也在不断扩展，有许多第三方库和插件可供开发者使用，以满足各种需求。 现状， view js 在持续发展中不断推出新的版本和功能。改进 view 三是 view js 的最新主要版本，引入了 composition api， 合一系列性能和开发工具的改进。 view 三 的目标是提供更强大、更高效的开发工具，以适应日益复杂的前端开发需求。 view 仍然是一个受欢迎的前端框架，未来有望继续发展壮大。

各位同学大家好，欢迎大家参加十天技能课堂系列，我是主讲老师李彦辉。 今天呢，我们来看一款 vivo 点 gs 的桌面前端 ui 库啊，它是一个前端的主键库，那我们来首先了解一下他的入门信息呢和他的安装方式。好，首先呢先来看一下啊，什么是 amt ui， 他是一套呢为 传统桌面啊，主要是传统桌面准备的基于 vivo 点 js 的前端主键库。那我们先打开他的官网啊，他的官网就在这里啊，网站快速成型工具，我们点主键这里啊就可以了，指南的话我就自己说一说了啊，好， 逐渐这里我们来看一下，好，再打开这里。那我们需要哪些学习基础呢？好，那么，呃，首先呢，我们是他是基于六点啊，可以脚手 架下啊，其实不基于也是可以的，但是我们推荐是基于这个脚手架下，我们去学习和开发啊，所以需要一些基础。 我们之前呢学过两门课程，一个是 v 有点 gs 的核心篇，就是语法篇，那第二个呢，就是工具篇啊，讲到最主要的就是两样，就是他的脚手架和他的陆游啊，如果学习过，我出的啊，第三门课就是威实在， 那效果更佳啊，因为他把前面两个呢做了一个什么，做了一个综合， ok， 好，上面两门课呢啊，两门课呢也是需要基础的啊，那你可以去参考上面课程的第一节课的要求。那我这边就说一下啊， h t m 五 css 加 stay 的对吧。 e s 啊， e c m s pro 的六啊。 ok， 那如果你有后端技术那更好了，如果是纯简单的话啊，就这么多好安装环境呢，我们就不安装， 因为之前都安装好了啊， no 的 gs 的环境和 vivo 点 gs 脚手架等工具即可。好，首先呢我们来看一下他到底是来做什么的， 他是一个前端的啊，优爱库，那我们就来个最简单的，比如说巴特，我们就是个按钮，你看有这么多好，这么多好看的按钮可以提供给你使用。然后呢，他还有布局啊，布局暂时看不出来，要我们真正做项目的时候才能慢慢看出来啊。好，然后我们再 啊日期选择器，哎，这边就是日期选择器，这个呢就是优爱库的哎，这个他的核心所在啊，各种各样方便的工具提供给你使用，我们再找一个啊 啊，通知啊，弹窗，我们点个弹窗，哎，一个弹窗，对吧？然后加载，哎，加载，哎，就这么个东西啊。好了，那这边呢，我就不一个一个去借条了，哎，因为我们都会学 到。好，然后呢我们来开始搭建我们的学习的环境，首先呢我们要创建一个项目，好，在这边我们已经创建了，我们写一个爱丽们， 嗯，这样一歪就可以了，我们点击创建。好，等他创建完毕啊，创建好之后呢，我在这里呢创建一下 vivo， 点 gs 的脚手架。好，怎么创建呢？ vivo pro 啊，艾特，然后呢写个格力啊，回车，那让他去安装啊， 稍微等一下，现在最新的版本是四点五点六啊，大家可以升级一下，因为我们讲这个呢，不需要升级啊，好，选择第三个，那我不需要这个啊，我只需要这个陆游就可以了，就陆游和上面第一个啊。然后呢，我们回车，回车的时候要不要这个？ 嗯，陆游的地址我们可以玩啊，然后呢选第二个，然后不要保存，嗯，就可以了，那么现在呢，就等他来安装，安装的过程呢，可能花一点时间，可能一分钟，我们稍微暂停一下， 好，我们已经安装完毕了啊，我把暂停又打开了，那在这一块呢，我们来，哎，把它缩放一点啊，把它往这拉一下，这边呢打开哎，这里我们已经把 vivo 点 gs 安装好了，然后我们先进入这个目录啊， nbm 二，先把它运行起来啊，看看他是否正常运行 好，启动一下我们的服务啊，稍微等一下啊，好，他正在哎，然后执行。 然后呢，我们顺利的打开了 home bot， 对吧？很简单啊，这个好，那么下面我们再来看，我们已经安装好脚手架。之后呢，我们要安 装 amtu i， 那在这里他是怎么做的呢？点主键啊，这里就会有第一个安装，这边有这，这边有个命令，我们直接把这个命令复制一下，然后新建一个啊，我们先进到这个目录下去，然后右击，右击，我们粘贴一下， 嗯，复制一份 ctrl v。 有了啊，回车。哎，稍微让他安装一下啊，稍微等一下啊，这个呢，我就不切不切了啊，就让他安装，因为这个呢很快 好，基本上 ok 了啊，九秒钟。装好了。之后呢，我们来在这边的配置文件，我们稍微来看一下啊，配置文件，哎，你们的 ui 啊，二点一点三就已经安装好了，安装好之后呢，我们要测试，第一节课呢，我们要测试他是否真的安装好呢， 那么首先我们再来看一下笔记，好在文档这块呢，写的非常多，然后点快速上手，还有一大堆问题啊，还有一大堆他的注意点，我们暂时先不考虑这么多，我们先把它运行起来，对吧？所以说笔记上我就啊，来个最简单的，把这两个引入进来啊， 把你们的 ui 引入进来，然后把他的 css 引入进来啊，然后意思一下就 ok 了。好，那我们来看一下，在面点 gs 这里，首先第一步，用破 好艾力 mantey pro， 好，这面写上艾力 mat， 哎，直接就有了。然后呢，引破，然后再写个什么呢？ 来写一个，哎哎，里面的 ui， 然后杠斜杠啊， l i b 斜杠他这个主题，然后下面一个引带个 css 啊，这样做就 ok 了啊，以后有再有别的 问题我们再做，先做这么多，然后呢？这个呢？红的对吧？啊，把它斜进去，哎，这边怎么回事？好，确定一下啊。 好，然后呢，这边一呃这个 vivo 点 eute， 然后写上 amtey 就搞定了。好，这边就不会有什么哪边没用到，对吧？好，我们关闭掉之后呢，我们再来看。嗯，首先我把这里的 vivo 后面这边打开，把这边呢，我们调成四啊，调成四，把这个呢就去掉，这个去掉的话就什么都没有了。那我现在来一个最简单的啊， 最明显的就是一个疤痕按钮，我们来一个疤痕，比如说成功就是撒个 case， 就这个按钮，那这个按钮我们点开这边的显示代码，他这里呢？哎，有这种写法，根据他的主键来 来写，我们来看怎么写呢？好， el 什么肉就可以了。但是他有没有代码提示呢？因为我们这个 id 编辑工具啊，他的代码提示比较怪异啊，我也是研究了一下，因为 我用 vs 扣的，用习惯了之后呢，再回到这边都有点不太适应了。好，那么他的代码提示是这样子的，先写个兼括号，一页摇，你看是不是就提示了回车，然后呢，你还要闭合一下，就这样子，是这样子的啊，那里面写个一页摇，然后八层，那这样不提示， 那这个呢，就习惯上可能就会有点障碍了啊，那对于这个呢，其实是比较简单的，所以说我个人就觉得无所谓了，就自己写吧，这样也挺好的，对吧，你也要巴特，哎，就自己写对不对？好，那么这边写个什么呢？叫做按钮，然后这边写个太太，写个什么呢？ 嗯，打个 case 啊，虽然不提示啊，但是都是简单的单词啊，无所谓了。好，我们在这里呢就已经看到了，是吧，哎，说明我们的 ui 成功加载了，那么从第二节课开始呢，我们就按照他的顺序一个一个讲过去啊，基本上这个顺序呢， 呃，就跟我们学习顺序差不多啊，没什么太大的问题啊，如果有问题的话，我会调整啊，就是这样子的，那么第一节课呢，我们就是把它安装和配置好，那这节课呢，我们就讲到这么多，最后感谢收看本次课程，谢谢大家，再见！

好，我们来看这道题， will 和 g query 的区别有哪些呢？主要有这样几点啊？比如说第一点，它们的原理不同。 这个怎么去理解呢？就比如说 view 呢，他做到了数据和仕途的一个分离，对吧？他首先呢，会把值和 g s 对象进行一个绑定，然后修改 g s 对象的值， view 框架呢，就会自动把 double 的值呢进行一个更新， 当我们对数据进行操作的时候呢，就不需要再引用对应的一些 dom 对象，对吧？啊？我对象 document 怎么怎么样？ 它是通过 view 对象实现了数据和视图的这样一种，嗯，双向绑定好。那么 g query 呢，它的一个原理就 就是我要先用 dollar 符号来获取盗墓对象，然后我再对盗墓对象进行一些其他的处理，比如说复职啊，或者说我要绑定一些事件啊，对吧？那这是他们两个之间的关于原理上的一些不同点， ok， 那么还有哪些不同点呢？这样给大家写一下吧，比如说 view 呢，就是，嗯，数据绑定， gq 呢？ gq 呢，是先获取 dom 赛 数量啊。第二点呢，其实他们两个针对的，呃，主要点不同，也就是说 重，嗯，着重点不同好，什么意思？比如说 will 呢，它更注重我们数据，对吧？我们是以数据来驱动仕途，而即 carry 呢，它着重于操作， 明白吗？你比如说，呃，我们可以做一些动画呀，或者说一些样式上的改动啊，对吧？ 我们都需要用 g s 来操作页页面当中的一些内容，他们两个着重点不一样， view 是数据驱动好， g q 呢，是着重与页面好，这是第二点区别。 那么第三点区别呢，就是操作不同，这个怎么去理解呢？首先 view 呢，它会把档元素进行更新， 对吧？他会自动的更新这个盗墓元素，也就是说 vivo 呢，他帮了我，帮我们做了这个盗墓操作，节省了我们很多的时间，我们只需要关注数据就 ok 了， 听明白了吧？其 carry 呢？他就是要先获取到我们对象，然后复职啊，然后， 嗯，去进行一些呃时间绑定啊，最后才会进行呃，那个对 g s 对象里面的值进行一个修改，就是他们操作上的不同。那么第四点呢，就是 未来发展不同，相信有很多小伙伴已经能感受到了，近一两年 view 的一个呃需求量还是很大的，对吧？因为它是一个 呃完整的体系，它是一个框架，明白吧？就是 v m v v m 这种框架，那从技术上来讲呢？嗯， vivo 呢，它实现了双向数据绑定，对吧？还有就是呃它的官网上也说了，呃快，快速，简单， 还有一些什么组合啊等等，这是这都是他的一些优势。那么几块瑞呢？几块瑞他只是一个 g s 的库，明白吧？他只是 g s 的库，提供了一些 a p i 让我们更 方便的去操作 g s 而已。另外一个就是近几年来几块瑞的一个使用率呢，是越来越低了， 未来可能会有更新的一些库去替换它，但是 view 呢，它相对于来说未来的一个发展会更好，这就是他们两者之间的一些区别。

中国人韩语秒懂，韩国人整沉默了，你学韩语学的快吗？必须的，韩语太简单了，真的 韩语我不会，但那时候他们跟我说就是拼音字母。对对对，你一个星期你就会念所有的韩文，韩语好学，其实对，他认真学四个月就差不多，还有多少人不知道中国人学韩语四十音，不用一个月，也不用一个星期，等等五分钟就能让你学会并且记住， 信吗？来试试呀！首先呢，韩语一共有四十个字母，分为呢，十九个辅音和二十一个元音，左边这坨呢就是辅音，右边这坨呢就是元音，加在一起呢，刚好是四十个，所以咱们就称之为韩语四十音啊，并且呢，韩语是一种听英语言，比如说这个读作么？ 这个读作啊，拼在一起这个字就读作嘛嘛嘛，只要大家把韩语翻译全部都学会了，就可以拼读任何的单词句子啊，就算你是四十音水平，想要读新闻稿都没得问题。 嘿，是不是粤语诗啦？那我们走起。首先呢，我们先来看到辅音部分，一共呢是十九个，乍一听哟，挺多是不是？但其实跟着老师学贼简单哈，那十九个辅音呢，分为四排，第一排松音，第二排紧音，第三排颂起音，第四排无归属辅音。 好，我们先来看一下第一排的这个松音啊，一句口诀拿下，大哥抱嫂子，老师你这口诀正经吗？铁正经啊，你看是不是这句口诀的拼音首字母刚好对应了这五个辅音的发音分别呢？读作的 咯，波斯兹，是不是感觉滋一下知识就入脑了？那接下来呢，咱们一个一个的学习一下。首先呢，第一个辅音，他的写法是这样的，读音呢是得得 得，长得非常像拼音的，少了一束的样子，所以咱们读作得得得。第二个字母，他的写法是这样的，读音呢是戈 戈戈，他长得非常像一把镰刀有没有啊？镰刀用来割草的是不是？所以呢，我们就记住割草的割，拼音首字母的戈好。第三个字母，他的写法是这样的，读音呢是戈 哔哔，长得呢非常像杯子对不对？里面装了半杯水，所以咱们就读杯子的杯。拼音首字母，哔哔哔。第四个字母，它的写法是这样的，它的读音呢是嘶嘶 嘶，长得特别像蛇的舌头有没有啊？那蛇吐信子的时候是不是会发出嘶嘶嘶这样的声音啊？哎，所以这个字母呢，就读作，嘶。 第五个字母，这个写法跟大家着重强调一下哈，你们看到他长这样子，但他呢是个印刷题， 就像你看到这个电脑上有的时候记会写成这个样子，是吧？但咱平时手写，没人这样写，所以记住这个是印刷题。手写题的话呢，通常是这样子的，两笔就可以写成，他的读音呢是吱吱 子，长得是不是特别像一把折叠椅子啊？所以咱们就取椅子的子，拼音首字母就是子子。 ok， 那 么接下来我们进行一波打乱顺序的小考试，请问这个字母读什么？ 这答案是，戈戈。请问这个字母读什么？这答案是得得，请问这个字母读什么？ 正确答案是子子。那这个字母读什么呢？正确答案，波波。最后这个字母读什么？ 诶，对，这些答案呢，就是思思，答对三个，可以说是记忆力超群，如果你能做到这么短时间内一次性全对，我只能说你就是学韩语的天才啊。 那刚刚呢，咱们学的是松音，接下来我们来学习一下第二排的紧音，今日的小伙伴就发现了，哎，老师，这个紧音怎么长得像刚刚我们那个松音一模一样啊，只不过是一个变成了两个， 单份变成了双份，看着有点拥挤，有点紧凑是吧？没错，松音的话呢，咱们发音的时候是比较的放松平缓的，毕竟这么大空间只住一个人，是不是那紧音呢？因为同样的空间却住了两个人，那发音呢，也要更短促更紧绷哈，第一个读作 嘚，第二个读作嘚嘚，第三个读作嘚嘚，第四个读作嘚嘚，第五个读作嘚 嘚，是不是也挺简单的？好，那么接下来我们进入了第三行的送气音。什么是送气音呢？顾名思义，就是你在发音的时候呢，要强烈的气流送出来。 举个例子，你们可以把手放在嘴边发中文到呸，是不是能够感受到一股强烈的气流，但是如果你把呸的声母换成这个波变成贝， 是不是几乎感受不到气流了？所以这个破就是一个送气音。好，那我们接下来要学的这五个呢，也是每个都需要强烈送气的哈，来，第一个呢，读作特 特特，第二个呢是可可可，第三个呢，破破破，第四个，呵呵呵。第五个是次 次次来发音的时候能够感受到气流的同时，也可以在弹幕中敲一个，一说明你们发对了哈。那最后两个字的写法需要特别跟大家强调一下哈，就是你们现在看到的这个呵，和这个次是印刷题 像。第四个这个呵，韩国人平时手写的话呢，会变成这样子，可以记成二蛋二蛋傻呵呵，因为写一个二，再写一个蛋，所以就读作二蛋二蛋傻呵呵的那个呵呵呵呵，对不对？读作呵。 最后一个呢，大家想看我们之前学的那个滋，他的手写体是不是这样子的，所以呢，我们把它变成颂清的这个呲，就只需要在那个滋的上方再加一笔就可以了，变成这样， 长得很像那个纯颜皇后的颜，是吧？啊，又是婉婉泪清了。好之后呢，我们再来学习一下四个无归属的辅音哈，第一个他的写法是这样的，读音读作呢 呢，是不是感觉贼像那个卡通人物的鼻子哈，那鼻子的英文呢？是这个，所以咱们就取首字母。读作呢呢？ 那，那第二个他的写法是这样的，是不是跟我们中国的口字是一样的，那口就是嘴，对不对？嘴巴的英语是不是这个？所以咱们也取首字母，这个首字母什么读作？么 么么。第三个呢，他的写法是这样的哈，长得像什么？有点像那个肠子，是不是咱平时吃了很多东西啊，你消化消化到肠子里，是不是要把它拉出去？哈哈， 所以咱们就取啦的拼音首字母了，这个字母他读作了了了好，大家要注意一下这个字母啊，他的发音跟咱们的拼音稍微有点不一样啊，因为他要在了的基础上稍微弹动一下舌头，是一个弹舌音啊，这个音稍微有一丢丢的难， 建议大家呢，可以跟着老师学习，然后读之后呢发语音给老师，这样根据同学的情况，我可以给你们进行一个标准，对吧？他是读作一个 六六，好，那么咱们再来看一下，最后一个，你就写一个圆圈就可以了，那这个圆圈呢，他作为辅音的时候是不发音的，跟任何的元音字母结合在一起，就发那个元音字母本身的音就可以了， 比如说这个一竖一横的元音字母呢，他读作啊，当他跟这个么结合在一起的时候呢，就读作么啊嘛，对不对？ 那如果说他现在不跟这个么结合，跟咱们这个刚刚学的圆圈结合，那这个字呢，就仍然只读作一个。原因就是啊，大家就记住圆圈作为辅音的时候，就仅仅是一个装饰品就可以了， 明白了吧？好，那么五分钟一个蹲坑的时间，十九个辅音字母咱们就全部学完了，是不是感觉好像也没有大家想象的那么难呢？ 所以说咱们学习一定要掌握方法，这样子才能够学的又快又有成就感，更加容易坚持，这是十年韩语教龄，明明老师，如果你觉得我的内容对你有帮助，还想跟着我学习更多的话，等什么呢？关注我呀！

嗯，大家好哈，我是王小胖啊，一个关注前端的墨鱼加固师啊，好久没和大家见面了，那今天呢，其实我想重启用这个号， 嗯，想跟大家分享一本非常好的这样一本前端的书，那就是这本书 vivo j s 设计于实现。嗯，为什么， 呃，想分享这本书呢？首先呢，我相信在前端圈上混的我这些小伙伴们呐，这些朋友们都知道， vioj s 本身在我们前端这个三大框架和安根，安哥拉和 rat， 这个可以是分屏康里的这样一个他，他的这个前端的这个响应式啊，主间化， 还有包括他这个完善的这个开发这个社区，还有整个这样一个开发生态啊，都是非常强大的，并且呢在国内呢，基本要 前段面试，特别是国内的一些大厂。嗯， vu 呢，这个是你肯定会被问到的，所以说，呃，今天呢，我重启这个号，想跟大家分享一下这本书，当然这本书呢，肯定也是我读过的，嗯， 那么下面呢，就是说我为什么会选择推荐这本书啊，可能主要有三个原因啊。第一个呢，就是说最近有一些小伙伴或者朋友就会问问问，我就是说前端，关于关于前端我们该怎么学习， 还有我们都知道前端这个框架都是非常多的啊， vivo 啊， rack 啊，安哥啊，包括其他的一些，嗯，这些框架我们该怎么学习啊？所以说当当当，小胖读到这本书以后呢，其实我就深刻感受到，就是说一个框架我们除了会用， 我们该怎么去学习，就这本书是一个特别好的这样一个一个对于他的实现原理和设计思路的这样一个整理的一个过程，所以特别好。然后第二个原因呢，就是说在今年二月份啊， vu 呢， vujs 呢，已经将 vu 三这个版本， 嗯，升级到他的默认的这样一个版本了，比如说以后 vivo 你默认下载就是 vivo 三这个版本了。 所以说呢，以后我们不论是从面试啊，或者是一些新的项目的构建呢，我们可能都会用到 vivo 三的这本书呢，也是基于 vivo 三去做的这样一些一个书型比较合适。一、第三个原因，也是我觉得比较一个重要的原因，就是这本书它本身呢， 这个作者是非常非常用心的，而且并且是非常权威的。嗯，首先提下这个作者，就是或者 春阳，他其实是 vivo js 这个核心这个团队的一个主要的核心成员，也是这个代码的主要的贡献者啊。我今天查了一下，他在 呃，这个 vugs 这个核心代码共享库里面，目前呢，刨去一个机器人啊，他的排名是第二，仅次于这个尤语西。呃，另外呢，就是说 小胖在整个学习这本书的过程中，我能深刻体会到，就是能感受到这个作者混春羊，他是非常用心的，是真的想把自己的学到的一些东西分享给大家， 所以说我是以及以上三点就非常推荐大家去来学习这本书。那么下一个呢，我想跟大家说一下，就这本书他的一些 适合人群，嗯，其实呢，这本书他不是一本入门的书籍，嗯，不像他有一些难度。嗯，而且有的个别章节确实因为干货嘛，就是太干了。 嗯，这里边这个干不是贬义词啊，就是确实是干货的意思，因为这干货比较多，所以需要读者有一定的基础啊。首先呢，读者可能需要有一定的原声的 gs 的这样一些基础，像一些盗墓的操作的 pi 呀，或者是一些简单的重折的这样一些理解。 第二个就是可能最简单的算法，包括一些变异原理呢，有一些了解，算法呢，可能涉及到有一些章节的，涉及到这种那个虚拟道的地方算法的这样一些东西。呃，变异呢，主要也就是变异器 戏里面一些边缘里的这样一些东西。呃，如果是到这些章节呢？如果是没有这样一些背背景呢，难度比较大。然后第三个呢，嗯，就是建议大家最好是使用过 viojs 啊，这里边不是说你只是背过这个 viojs 的这样一些面试题库啊， 或者说你只是做了一个简单的 to do list， 就是你最好是有实际的这种项目经验，当然啦，最好是有 vivo 三的这个经验。不过呢，如果你只是有 vivo 二的经验呢，也可以， 因为，呃，他在你在你使用的过程中用 vivo 三和 vivo 二，虽然有一些升级上的变化，不过总体这个思路呢，还是可以通用的。 那么下面我们看一下啊，关于这本书啊，主要我们能学到什么啊？这本书一个 共是有六六个，六个，六个大的篇幅啊，总共十八个章节。首先第一篇呢，他主要是对前端的这个框架设计的一些设计要素和思路的这些说明啊，比如说这个说明市啊和命令式的区别， 还有和性能和可维护性的这样一一些权衡，包括月形时或变形时的这样一些介绍。 还有一些呢，是框架的核心愿要素啊，比如说代码的体积啊，提升整个开发体验呢啊，错误处理啊，还有一些新特性之后的支持。嗯， 然后他介绍了一些，就是第三章，介绍一些 viu gs 整体的这样一个设立思路。那么第二篇章呢，主要是就是将 vivo 的最大的特色响应式系统，也就是 是啊，各个前段面试中对于 vivo 被问的最多的问题呢，就是关于这个响应式啊，通过这一大片啊，我相信大家会对这个 vivo 的响应式，嗯，能够不是简单的停留在只是说这个，我知道这个是一个代理的 pose 的这样一，这个已经实现了。 这一篇呢，会让大家深入的了解，就是设计一个前端响应式系统，嗯，所需要的啊，你需要考虑的问题或者是细节啊，比如说如果做响应式清理啊，避免，这个怎么能够避免无限地规啊，附中用函数他所起到的作用 啊，还包括原始值和非原始值这样一个小样式，发的是整个不同的时间细节啊，要整治这一这一张像这一篇啊，第二大片是关于小样式的，是干货比较多的。那第三篇呢，主要是介绍的是 这个渲染器。这一篇呢，第分第七章和第八章，是通过从头到尾来实现了一个这样一个简单的渲染器，来让大家能够了解怎么能够实现这个渲染器， 并且这里边会包括盗墓的挂载更新，或者是盗墓的盗墓节点的属性啊，或者是样式啊，克拉斯啊事件呢这样一些处理的实现。然后第九章和第十一到第十一章呢，主要是介绍了 啊，这个虚拟盗墓的这个以不同的地方算法啊，是从简单的算法到双端的算法，到快速的这样一个排序的这样一个地境的介绍关系， 通过这种层层的这种递进的眼镜的方式，让大家能了解 vivoj 是整个这个实线这个地方算法的他这个整个一个眼镜的过程。不过相对来说呢，这个底 说法这三张呢确实有点挑战是比较大的，因为首先他需要我们大家对这个简单的这个算法会有一一点基本的了解，不过还好作者首先他在这这这三张里边配了大量的这种算法的这个 层层的这样一些图，对另外一个挑战就是说在这里边作者呢会会会 没有说他大量的说明，可能说明的比较，因为他作者是我能感觉出来作者是一个就是一开发的出身，所以说他通过画图并且列了大量的这种把代码列的算法，这个代码列到了这个书里边， 所以说大家读起来呢，相对来说可能会比较吃力一些，不过呢这些代码的细节，包括这些土关于算法 这个图呢，会能帮助大家去学习，但是呢这这这三张确实很干，我记得我在学习过程中也也是挑战比较大的。 然后第四大片呢，主要介绍的是主线画，就关于主线画，就是说到前端肯定是会提到主线画的，为什么呢？就是说主线画这个机制，它本身就是为了方便我们前端在开发过程中可以标准化的附用我们的代码 去能够达到啊，提高写作能力，提效这个开发效率的这样一这样的一个思路。 那任何一个前端框架呢，无论是 r vu 或者是安哥拉，他都会有各自的这个主电话的机制。那第四篇那个他有三张，这三张呢，首先会介绍如何实现一个主见话就从头到尾去实现，他这里边会涉及到如果 处理主见的说明周期呀，属性啊， partt 呀，或者是这个主见的这个事件以外的处理呀。然后呢，下一场他会介绍一些啊， 什么是一部主见，或者是这个函数主见，这两个特色就是他会分不分给介绍一下要最后呢，他会列出介绍 vivo 中三个内见的主见， ttplier， 他的跑车和那个全 sex 这三个主见，但是实际上这三个主见呢，就是实际上是越和越爱的互相借鉴呢，或者说也说不太清的。不过这三张对于主见化的这个 整体的这个实现的这个设计思路的讲解是非常非常好的，也是能够也是相当于干货很多啊。第五大篇呢，这个主要介绍了一些变异器， 嗯，这里边呃第十五章是介绍了这个，呃 dsl 啊，或者是 plus 的一些，嗯，实现原理啊，包括抽象语法数， ast 的这个语法数转换呐，还有包括代码生成 要。十六章呢，是分享了一些这个作者，分享一些如何能简单的实现一个解析器啊，讲解了类似，这里边会讲解一些一些状态机呀，或者是相关的一些啊算法， 怎么能构建这样一个解析器啊？十七章呢，是介绍了这个变异优化，就是没有 gs 变异优化的一些时间。呃，这里边实际我们都如果是了解过 vu 三呢，我都知道是 vu 三的整体这个变异在这个变异级别的优化上面做了很多工作。 这一张呢主要是介绍了这些，对，然后这里边会列出了一些比如 vivo 中常见的，呃，像 pass flag 啊，或 或者是这种布拉格吹的这样一些。哦，开始啊，这样一些优化的机制啊，还有什类似像什么静态提升啊，静态抽取啊，这样一些优化的方式。通过这个，所以说第五大篇呢，就是说介绍了变异器啊，还有一些优化的一些思路。 然后第六篇就是最后一张，但是最后一篇但是他只有一张。这一张啊讲解的就是说为什么是同购渲染，其实就是简单来说就是说，呃，我这一个一个一个框架，我是能够支持客户端渲染，的确能够支持这个啊，服务端渲染的也是 sortside render 啊，这里边就是如果大家对这个服务端渲染感兴趣，并不是说可以在这一张里边能了解很多这个服务端渲染通过渲染的一些设计的一些一些规范，或者说你去该考虑什么内容。 嗯，接下来呢，我想跟小胖小这里边想跟大家分享一下，就是如何充分的利用这本书。嗯，然后我相信呢，很多 很多朋友啊或者是小伙伴们就会想了啊，你既然都已经介绍完这本书了，怎么还会提到说如何充分的利用这本书，我把这本书读完不了不就行了吗？或者说我发一个朋友圈， 嗯，告诉大家啊，我这本书我学完了，这就达到目的了。但其实，嗯小康为什么会重启这个号要跟大家分享，就是我觉得这本书其实非常非常非常值得大家反复的去学习，呃呃，去去去了解阅读的，就是对他的知识点要充分的掌握， 他是非常有有有价值和意义的。那小胖呢？这里面呢，主要是把呃怎么利用这本书分了大概三个层次吧。首先 第一个层次，我想把它称为记，这为什么叫记呢？就是说，嗯，这可能是针对于这本书我们最浅显的一个运用了，比如说我们都了解这本书，他会介绍来我们关于 bugs 的一些设计思思路啊，或者是一些原理的东西，这样的话呢能方便大家 啊，把我们所谓面试过程中的一些关于 vugs 的前端的面试提提升我们答案提升一个档次啊，就不说只是简简简单单的背诵一些 网上的一些面试答案呢，就是我也不求甚解的里面的一些东西啊，这样首先是对于我们面试能力的这样一个提升，然后第二个呢，就是说啊，我们通过这个学习呢，其实能够提升我们本身，如果你在项目中用 gs 做开发的话，能提升你本身的啊实际的交付开发能力和排措的这样一些能力，对，就是说这个就是我想法想说的第一个层次，就是说记这一层面，嗯，下一个层次呢，我想给他们规范，就是想管他叫叫树 啊，这里边就是说他可能比记忆高一个层次，就可以结合当你读完这本书的以后啊，在你反复的去学总结或学习这些知识的时候，你可以去找一些开源的一些 项目啊，或者是这样一些教程，实现一个自己的 viu js 啊，实际上现在这个网络上这个教程啊，包括 b 站上或者是其他的一些都都都都会有这种开源呢，或者免费的这样一些。关于你怎么去构建自己的 viu js 的这样一些 一些资源，我建议大家呢，如果有时间的话，可以去去去尝试的去构建自己的 v u g s 啊，这里边我想说的是什么呢？就是当你去能够构建出自己的 v u g s， 你你你本身的这个技术的自信心， 嗯，就会有增长，这样的话，在你无论是之后你对于未有 gs 的理解，或者说以后你对于任何一个前端框架或解决方案的这样一个学习的理解和自信，技术的自信心绝对是不是一个量级的。 对，要第三个层次呢，小胖就把它称作为道，他可能比前面的 g 和数更高一个层次了，这个层次相当于说可能是对一些高手而言的，或者说你有一些啊时间的去做这些处理。所谓道呢，我们就是 说想可以从一个更高维度呃的视角来重新审视这本书里面的内容，对，呃，梳理一下整个前端的整个设计和实现的这样一些原理 啊，并且我们实际上是可以抛开 ugs 本身的啊，花些时间去多了解一些类似的前端这样一些方案，像像 backton， 安哥俩啊，做一些横向的了解和比较 啊，总结归纳出一套属于我们自己的这样一些前端的类，运用 gs 的这样一些解决方案的知识体系的这样一个框架。 为什么说这个很重要呢？这个也是这个道很重要的，这个也是小胖在自己读完这本书并且实践以后的一个非常非常深的一个一个感受啊，这里没有说我是高手的意思啊，这，这个只是说我的一个 真实的感受。嗯，在你去总结出来这样一个整体的框架体系的时候，你会发现，嗯，这样的，呃，你的整体的这个前端的这个框架啊，就是你有主心骨了，对，就是大概是这样的意思。 并且呢，如果我们有能力的话，我们可以再横向扩展一下，嗯，或者说是再提升一个维度的层次，把这个范围冲离暖器外部短，嗯，扩大化，扩大到整个大前端， 我们可以把我们这个移动开发、某宝开发，或者是我们那个小程序开发类似的，无论是 lt 开发整体的这样一个放在我们整个这一个知识体系的比较视野里边。嗯，大家如果是这么去做的，我相信大家会惊奇的发现 啊，这个知识体系，这个整个这个价框架和你总结出来的这东西是通的，他是一个普世性的。呃，小胖这里边体会就可以用一个词去概括，就是当我做了一个，因为我也做过一些摸狗的开发大线段，包括小程序的开发。嗯，小胖体会就是说 用一个词概括他就是万法归一。所以说这里面呢，大家如果真的能做到这一点，我相信对大家的帮助和 收益都会非常非常非常巨大的啊。最后呢，实际上这本书我分享就到这里了。啊，这个分享呢也，嗯，其实不是我的恰饭视频， 所以你根本就没没有赞助啊，因为我的粉丝根本就没有粉丝。确实是，我真的发现这本书特别特别好，然后确实有一些朋友问过类似的问题啊，所以我 想把这个真真的好东西分享给大家，把我这个切身的感受也分享给大家。那这样能让我们有一个这样一个交流的平台，这也是我为什么会把这个号重启。然后啊，以后呢，我也会尽量的把小胖我的一些感受啊，经验呐， 或者是一些呃呃，体验呢，放到这个平台的上，跟大家呃做分享和交流。嗯，那好，那今天就到这里了，感谢大家。嗯，我是王小胖。嗯，咱们下期再见，拜拜。

什么是 ui？ 今天我们用五分钟时间把 ui 的 本质、它解决的问题，以及它在前端开发中的位置讲清楚。 如果你已经了解了 html、 css 和 javascript， 你 会发现一个问题，当页面变复杂之后，直接用原声 javascript 去操作 dom 会变得非常繁琐， 代码越来越多，逻辑越来越乱，维护成本也越来越高，这时候前端框架就出现了， ui 就是 其中非常重要的一种。 ui 是 一个用于构建用户界面的 javascript 框架，它的核心目标只有一个，让你更高效、更清晰地开发复杂的前端应用。那 ui 到底做了什么？ 简单来说， vivo 帮你管理数据和界面之间的关系。在传统开发中，你需要手动去操作 d o m， 比如获取元素、修改内容、更新样式。但在 vivo 中，你不再直接操作 d o m， 而是只关心数据， 当数据发生变化时，页面会自动更新，这就是 vivo 最核心的能力。响应式系统。什么是响应式？可以理解为数据一变，界面就跟着变，你只需要修改数据， vivo 会自动帮你把变化反映到页面上。 这样一来，开发方式就从操作页面变成了操作数据。接下来我们看 vivo 的 几个核心概念。 第一个是模板 template， 我 们又使用类似 html 的 语法来描述页面结构，但在里面可以直接绑定数据，比如用叉值语法把变量显示在页面上。 这种写法既保留了 html 的 直观性，又增强了表达能力。第二个是组建 component。 组建是 view 中非常重要的概念，你可以把页面拆分成一个个独立的小模块，比如导航栏、按钮、列表、弹窗等， 每个组建都有自己的结构、样式和逻辑，可以独立开发附用。这就像搭积木一样，把复杂页面拆成简单模块再组合起来。 第三个是指令。 directive 指令是 weo 提供的一些特殊语法，用来增强 html 的 能力， 比如控制元素是否显示、循环渲染、列表绑定事件等。这些操作如果用原声 javascript 实现，会比较复杂，而在 view 中只需要简单地声明。 第四个是生命周期。一个组建从创建到销毁会经历一系列阶段，比如驶使化、渲染、更新、销毁。 vivo 提供了对应的生命周期勾子，让你可以在合适的时机执行代码，比如发送请求、驶使化数据等。 再来说说 vivo 的 工作方式。 vivo 采用的是声明式编程，你只需要声明页面应该长什么样，而不是一步步告诉浏览器怎么操作。 vivo 会在底层帮你完成 dom 更新和优化。 同时， will 使用虚拟 dom 技术，它会先在内存中构建一个虚拟的页面结构，然后对比新旧变化，只更新真正发生改变的部分，这让页面更新更加高效。很多人会问， will 和原声 javascript 以及其他框架的关系是什么？ 可以这样理解，原生 javascript 是 基础能力， vo 是 对这些能力的封装和抽象，让开发更简单。它帮你减少重复劳动，提高代码可读性和可维护性。 在实际开发中， vo 通常会配合一整套生态一起使用，比如路由管理、状态管理、构建工具等，从而构建完整的前端应用。 在当下， vivo 也越来越多地与 ai 结合，例如通过 ai 自动生成组建代码、页面结构，甚至根据需求生成完整页面，这让开发效率进一步提升。但无论工具如何变化， vivo 依然是承载这些逻辑的核心框架之一。 最后，我们来总结一下， vo 是 一个用于构建用户界面的 javascript 框架，它通过响应式系统和组件化开发，让复杂页面的开发变得更加简单、清晰和高效。 如果说 html 定义结构、 css 定义外观、 javascript 提供能力，那么 vo 做的事情就是把这些能力组织起来，让你用更优雅的方式开发应用。 为什么你应该学习 vivo？ 第一，他上手相对简单，学习曲线平滑。第二，他在实际项目中应用广泛。第三，他可以帮助你理解现代前端开发的核心思想，比如组建化、状态管理和响应式。 如果你还没有尝试过，可以从写一个简单的组建开始，比如一个计数器或者列表页面，很快你就能感受到他带来的效率提。

什么是 view？ view 是目前中国前端最火的框架，是一套用于构建用户界面的渐进式框架。 与其他大型框架不同的是， vivo 被设计为可以自己向上逐层应用， vivo 的核心库只关注是图层，不仅易于上手，还便于与第三方库或既有项目整合。 另一方面，当与现代化的工具链以及各种支持内裤结合使用时， vivo 也完全能够为复杂的单页应用提供驱动， 以其简单快速、组合紧凑强大、对模块友好的特点，深受各大企业和程序员的喜爱，可以说是当今中国前端界的第一框架。所以如果想要高薪就业，一定要认真去学习掌握力哦！让我们跟着张老师 一起揭开 vivo 的神秘面纱吧！ vo 是基于 mvm 是实现的啊，所以说，首先咱们先回顾一下这个 mvvm， 是这个呢，是咱们以前讲这个设计模式时说的是吧？ 我们说啊，这个 mvvm 模式啊， mvm 模式分成三个部分对吧？哎，三个部分，那三个部分呢？ 哎，模型，试图跟试图模型对吧？哎，这是在 mc 九之上衍生出来的，对吧？哎，在 mc 九之上衍生出来的。那么他的特点是实现了数据对于是双向绑定 啊，那么一个呢，是数据啊，由这个模型啊，进入视图，哎，怎么实现呢？是通过数据 去绑定实现的。那么一个呢，是由，哎，试图进入模型，怎么实现的呢？哎，就是事件监听实现的，那么我们说未有啊，就是基于这种 mvvm 是实现的。 那么在 viv 中什么是仕途呢？就是我们所写的 htm 仕途模板啊。那么什么是模型呢？就是我们在 ci 里面定一张数据啊，或爱请求过来的数据，那么他们就是模型， 那么至于模型怎么进入仕途的，仕途怎么进入模型的，都是这个 vm 啊，对象实现的，那谁是 vm 对象呢？就是 voe 实话对象啊，所以说呢，哎，所以说呢，啊，这就是这个 mvm 模式啊，那么 mvm 是 怎么来的呢？我们说早期咱们 zs 出现呢，它主要是为了解决页面中的一些简单的问题，对吧？比如绑定个事件呢，接下来一个样式啊，因此呢，它被设计的非常的简单，对吧？所以早期呢，我们说主要的问题是什么问题呢？浏览器精神性问题，对吧？哎，所以说呢，当时这一块就解出来了啊，就解决了精神性的问题，对吧？哎， 啊，那么随着技术发展啊，那么昨天我们说了一个消息，是吧，比较重要消息，安逸已经停止啊，维护更新了，是吧？哎，停止使用了， 哎，所以说呢，现在基本都是高级练气了，对吧？所以说主要的问题已经不再是接触性了，对吧？哎，所以说随着技术发展啊，那么负客户端应用单一面应用程序，什么叫负客端呢？也就说以前呢，咱们将转逻辑放在了后端去实现，现在呢，咱们把 他拿到前段去实现，让咱们前段的功能更加的复杂一点，对吧？哎，让咱们前段功能更加复杂一点啊，那么什么是单页面呢啊？就说呢，我们俩所有的事情都是在一个页面中完成的， 对吧？哎，这个呢，我们之前在讲 rey 的时候，咱们也提到过，是吧？哎，所有的事情是不是都是在一个页面中去实现的呀，那就要单页面，那么随着这些技术的出现啊，那么前端的逻辑啊，啊，越来越复杂啊，越来越复杂， 因此啊，如何维护好前段的代码，哎，那么就成为了现在最主要的问题了啊，最主要的问题了 啊，所以啊，那么这一类 mc 啊的框架就出现了，哎，让我们呢，将逻辑分成了模型，试图控制器，哎，咱们之前写的那个项目是不是基于 mc 写的呀，还记得吧，写那网站呢，哎，那， 那么通过这三个部分的分成，哎，让我们的逻辑更加清晰啊，容易开发，管理和维护，对吧？哎，很容易找到每一个模块的试图，很容易找到每一个模块的模型，很容易找到每个模块的控制器，对吧？哎，好了，那么，但是 mc 中啊，开发的非常慢，你看之前咱们喜欢的几个页面 啊，就是写的一个页面还没写完，一天时间就不够用了，是吧，是不是啊，啊，你看昨天咱们写小程序对吧， 是不是啊，非常的快呀，哎，所以说呢， mac 啊， mac 啊，开发起来非常的慢啊，因此，那么 mvm 模式就出现了， 哎，提供了数据算项绑定技术啊，极大的提高了我们的开发效率啊，那么未有啊，就是基于 mvm 模式实践的啊。啊，首先是他的官网，注意， 嗯，这个观赏非常好啊，这是一个美极华人开发的啊，所以说呢，有了一个中文网站，对吧，哎，为什么我们说在国内哈没有普及率比较高呢啊，就是因为他最早有的中文文档的是吧。啊，为什么你像 ready anga 的这种框架普及少呢啊，因为呢，国内 啊，没有啊，第一首的这个中文文档是什么意思啊？人家是国外出现的，哎。所以说写文档都用什么圆写啊， 是不是英语啊？哎，所以说呢，你想成为一个热爱的开发者或安乐的开发者，你首先得会 英语，对吧？哎，看明白了，那你否则的话你只能看二手的了。什么意思啊？别人翻译过来的是吧？哎，别人团队翻译过来的，你是不是才看的？这样的话人家官网更新最新的，有人第一时间给你翻译吗？没有人对吧， 是不是啊，哎，他们不是不能同步的，所以说呢，咱们学起来就比较滞后一点，但是威欧不一样啊，威欧这个作者就是个美丽华人，对吧？哎，所以说啊，所以说呢，开发的时候自然就有了一个中文的文档， 哎，而且是与这个官网是同步的是吧？哎，而且是与这个官方官方是同步的，因此因此呢啊，我们说在国内学习资料比较多啊，学的人就比较多了啊，然后他的哥的哈巴地址在这啊，我们可以把它打开， 哎，感性同学可以看看啊，他的原码哎，可以来这里边去看一看啊。呃，让值得注意的是啊，最新的版本是四点零版本啊，然后呢，我们呢，前面主要讲解的是二点零啊，后面呢，咱们会讲解这个， 哎，三点零的啊，为什么这样？因为咱们说以后大家面试的时候百分之八十啊，这个企业都在用二点零，听明白了吗？ 哎，用这个一三点零的，哎，也就是百分之十左右，那有些人这也没到百分之八样，哎，是因为呀，还有什么用一点零的呢，这说不准是吧。 哎所以说呢，主要是这个二点零的啊主要是这个二点零的啊。哎。为什么我说国因为为什么企业里面啊一般不会用最新的版本的啊，原因很简单对吧，每个企业不想当小白鼠去，对吧，都想要稳定版本的对吧，比如说我们的这个 no 的，现在已经发不到十六了吧， 但企业里面啊，能够使用十二十四就不错了对吧。啊你像家吧啊已经发展了十六十七了啊，但企业里面用的用的几啊？用的八还是比较多的。 那你看差多少版本啊，拍摄也是发展发展到三了，但是用二比较多的啊，最感兴趣的同学可以在里面去看一看啊。哎啊，那么我们要开发 一点零啊，可以在一 s 五中开发哎，那么要获取 vivo 点 tc 文件，我们可以通过八号这个指令去安装啊，就是说在 smd 里面哎，你首先有这个八号这个指令对吧。 嗯嗯。哎，然后没有这个质量的话怎么办。安装一下啊 npm 哦 install 刚 g 啊，把握哎就可以了。安装完成之后想获取 vivo 就是把握啊 install 啊， vivo 就可以获取一个 vivo 点 cs 文件了哎。点 cc 文件这么去获取，听明白了吗？哎 好了，那么我们俩是在一四六啊雨伞中开发的哎，所以说我们要安装哎， vivo 模块 npm eclv vonpmcv 就可以了，给咱发的模块里面已经有了，所以咱们不需要安装了啊 啊好了， 哎，接下来我们来看一下啊，来看一下这个体验。 vivo 我们说在 vivo 中他是基于 mvvm 实现的，因此以包含三部分， 模型试图跟控制器。什么是模型呢？就是 ci 中的数据对象，哎，什么是试图呢？哎，就是模板试图啊，什么是啊，试图模型呢，就是无忧意识和对象啊，那么在无忧易中啊，那么这个无忧易实际和对象啊，是不是要处理他们俩呀， 对吧？因此我们在创建的时候，我们是你知道哎，随时试图，随时摸鞋上，所以在创建的时候，我们通过易遥守信，哎与义卖中的哎，模板试图绑定上， 通过对的属性与模型啊，数据绑定上，我们一起来看一下啊，啊，行，首先我们去新建一个文件啊， 嗯，零一啊，体验 vivo 啊，啊，需要注意的是啊，需要注意的是啊，那么我们给大家安装两个 vivo， 一个是 voe 一点零的啊，一个是 voe 二点零的，看到了吗？哎， 好了，那么我们主要学习二二零，后面咱们再讲三二零啊，好， div 警察 app， 随时试图啊，这就是，哎，模板试图，哎，这就是模板试图啊，比如说呢，里面有一个硬布的啊，我们要在上面输入，在下面去显示啊，在下面去显示，哎，啊，好了啊，然后呢，我们 有一个标签，哎，定义模型数据，哎，什么是模型数据啊？就你普通的对数据对象就可以啊，比如说里面有一个 mac， 是一个哈喽啊，是个哈喽啊，好了啊，然后呢，我们呀，想将哈喽放在 十一中怎么办，哎，以后我们会详细讲这个差值的啊，那么在 v 六中，差值跟小程序是一样的，都是两个大过号啊， mac 纸，哎，然后呢，想让这个 mac 纸语音破到保定上呢，以后咱们会讲一个叫数据，三个保定指令叫 welt mode 啊，这以后咱们会详细去讲的，这里面只是给大家演示一下，听明白了吗？ 哎，这是数据，哎，双向绑定，哎，哎，下面去，哎，显示数据啊，好，那么我们说在整个页面中这就是一个 啊，未有成啊，未有成，十多成，简单吗？哎，就是一段 htm 代码片段呢，没问题吧，哎，那么这就是母婴城简单吗？就是一个普通的对象啊，你还你你，你还能找到比他更简单的吗？没有是吧？啊，因为这就是一个 普通的对象，那么 m 啊， vvm 模型中啊，那么这个 vm 要控制模型， vm 要控制仕途，所以说我们是不是得创建一个 vm 让他找到仕途跟模型啊，哎，谁是 vm 对象呢？我们说不优异实话对象是吧，哎，不优异 实力花对象，哎。是啊，是 vm 对象啊，是 vm 对象，哎，所以啊，所以 啊，就是 let a p p 等于 new will。 哎。绑定射手怎么绑定？通过易押属性啊来绑定一下。嗯，警察 app 注意 csi 选择器啊，哎，嗯， css 选择器 id 选择系属警号 app 啊，唉唉，然后呢？对， 哎，对的，就是我们的这个，对的啊，当然呢，我们说同名识别黑烟省略啊， 是吧，哎，那么这就是绑定模型，哎，那么， 哎，有了这个微微石化对象，哎，就可以将模型的数据放在试图中去渲染，试图中修改数据按魔性跟着更新，听明白了吗？我们打开暖气啊，来看一下。打暖气来看一下啊。嗯 嗯，好了啊，这是我们没有引入这个优异呢，是吧啊，引入这个优异库啊，当前目前没到， 没有一点四 s 啊。好，我们去刷新浏览器一看，哎，哈喽，炫出来了吗？炫出来了，我们在这里面更新的时候，数据更新了吗？更新了，哎，这就是数据三吗？ 模型中的数据会同步到试图中，试图中数据改变也会同步到模型中，哎，那么我们说给 app 哎，点啊，我们打一下这个 a p p 啊，打下这个六一实话对象啊，会发现啊，那么创建的六一实话对象中有这么几个属性啊，第一个是到了 el， 代表的就是我们 app 这个容器元素啊，容器元素，哎，然后呢，注意，有一个叫虾线嘚瑟的，还有一个叫道乐嘚瑟的， 哎，对，看，哎，看到他们俩了吗？哎，那么这两个数据啊，哎，都会缓存了一组数据啊，是对于我们模型中数据的一个缓存啊，缓存啊，并且它里面数据怎么办？会提前给，是不是实际化对象自身呢？并且设置了 三个点，是什么呀？哎，特性是吧，哎，并且是个特性，哎，所以，哎，那么当我们通过 app 去修改这个 message 的时候，比如等于啊 skt， 注意看速度，更新了吗？ 更新了，哎，这就是 mvm 时的特征。模型中数据改变，失足怎么办了？更新了啊，更新了，那么失足中数据改变，哎，模型中的数据注意看啊，模型中的数据 怎么样了？是不是也更新了，哎，记住，是一个数据算员绑定，哎，试图可以维护模型，模型可以维护，试图，听明白了吗？而且这一切操作都是由谁啊？唯有实现的跟我们没什么关系，我们要做的就是 定义好，试图定义好，维护好数据就完事了啊。为什么说 mvvm 是这类框架开发的非常快啊，因为呢，以前咱们想用嘴块把这个数据放到页面中，怎么办呢？是不是获取元素是内容啊，对吧？然后当我们输的时候呢，想更新文件怎么办？绑定时间是不是更新数据啊？ 是不是？哎，所以说呢，操作很麻烦，但是没有不一样，我们只需要定好数据啊，只需要定好试图，对吧？比如说我们选两个啊，选两个 max， 哎，那么我们一刷新，你看是不是选两个 mac 指了， 对吧？哎，你都不用去关心我们怎么把数据放到石头里面的，这些都是 vivo 去做的，听明白了吗？哎，都是 vivo 去做的，所以说呢，我们说， 哎，以后我们在开发的时候就简单的多了啊，就简单的多了啊。嗯，好了，然后呢，咱们最后再看一下，这个是坏对象 在这个里面遭了一点表示容去元素啊，然后呢，模型啊，用的属性会添加给对象自身病逝了特性 啊，并且呢，在下线对，他已到了对策中，哎，我们说对于数据做了备份，哎，那么当模型中数据改变的时候，试图会同步更新啊，那么这个过程就是通过不由于实话对象实现的，哎，他的实现叫数据分绑定技术，哎，所以说呢，我们呀，再深入讲解。

哎呀，我学 vivo， 我只是官网就 ok 了，我为什么要看这书呢？上周我拍了一个视频给大家介绍了这本书叫做 vivo 设计与实现，是他们官方团队的霍纯阳老师写的， vivo 的作者由于西给他作序，并且强烈推荐的啊，哎， 那个视频到现在为止有七十多个小伙伴买这本书了，足以说明这本书得好。我给大家说，这本书好在哪里啊？他首先给大家介绍这个框架的这种设计思想啊，哎，还有介绍了什么我们 vivo 里面最主要的详知系统， 还有他的渲染器啊，他的兵器，他的组建化以及服务端渲染这一些大的模块里面的各个小的功能点都讲的非常的详细，并且 都是由浅入深，跟你讲为什么要这么做啊？具体里面做的这种，呃，逻辑是怎样的？我觉得这个学习成本就很低，不像你去读猿马，可能， 比如说让你要现在去了解一个 vivo 的一个呃详细系统，对不对？你要去读原码的话，比如说你看啊，这是，这是 vo 爱的原码对不对？你要去读这个原码的话，哇，这么这么一串串代码，你有可能一头扎进去，你就疯了，你读不懂， 但是这本书里边呢？他把这些东西给你讲的很通透啊，如果你以后再有兴趣再看什么 l 就简单多了。 还有一些伙伴说，哎呀，我学会，我只是官网就 ok 了，我为什么要看这书呢？两码事，真的完全两码事，你看官网，你只能够是年前的会用而已，用 跟了解跟知道他的这个工作机制底层原理是完全不一样的，用你有可能你在规用的过程中遇到问题，对不对？你无法解决，那么你如果知道他的工作机制，知道他的背后的实现原理 啊，我想想这个问题一，你能用的很好，你不会出现问题。二，你遇到问题的时候，你也能够很快定位的问题，并且找到解决方案，因为你知道他是怎么实现的， 对吧？所以这就是为什么这本书好的原因，他不像呃其他的书，是其他人去呃根据阅读了微友的元码，或者阅读了对微友的了解，然后去洗的那样书。 这是官方团队，你要官方团队比谁都了解费用啊，是不是没有再比他更了解费用的人？所以这本书绝对是让你 能够充分的了解 vivo 的工作机制，很好的一本书，我觉得无论你是用 vo 二或者 vo 三的， 其实他们的核心思想都差不了多少，这本书都非常的实用啊，我建议就是我们在用 vivo 的小伙伴真的非常有必要拿这本书。