vue3+ts需要学多久
粉丝7448获赞10.9万
相关视频
07:06查看AI文稿AI文稿这个视频呢，主要介绍的是我最近在录的这个项目的课程。那首先呢，这个项目呢，它是完全企业级一个项目，并且呢这个项目呢可以满足很多小伙伴一些需求，比如说做这项目是为了技术上提升的，做这项目呢是未来找工作去使用的，都是可以的。 那刚才我也提到这项目呢，真正是企业级的啊，并且呢这个项目他已经在很多企业中得到了使用啊，效果还是比较不错的，所以说他真正的是一个企业级项目，因为有很多公司在用。 那下面呢，我就介绍一下这项目呢它的一些点。首先呢进入这个方面呢，它是采用 view 三的一个语法，然后呢使用的这个介这一块呢是 type script， 就是 t s， 然后 ui 框架呢是 animat plus 啊，陆游就不说了啊，抓紧管理是 pen。 然后并且呢我们这儿是做的一个桌面应用，所以说呢会用到 electr， 那这呢提前扫一个盲，就是我们这个项目呢，他虽然是做的一个 drama 应用，但是呢我们在整个的这个代码官中呢，因为用到一款 框架，所以它呢百分之九十的一个语法，还是 vivo 三啊，剩下百分之十呢，可能就是 elector， 所以相当于说你其实做的就是一个 vivo 三加 ts 一个项目，只不过啊里边有百分之十的 electro。 所以说呢，你学完以后，整个的感受就是你对 view 三加 ts 这个项目，或者 vivo 三各种 api， 你有一个非常清楚的认识， 并且真正的接触到企业的项目，而且你的技术站有广了，因为你多会了一个 elector 啊，最后呢我们要打包成一个这样的应用啊，就桌面应用说简单点就是一个软件， 然后这里边功能呢也比较多啊，首先呢咱们从登录开始，这里边呢有账号登录，手机的验证码登录，包括绿泡泡的扫码登录。那 这个扫码登录这块呢，可能是大家在一些其他项目中是看不到的，因为他涉及到点其实挺多的，比如说我们要去开放平台，去申请等等一系列这样的环节，所以说咱们这项目中呢，也都覆盖了这些功能啊。真正的企业级项目登录进去以后呢，就是各种全 权限的控制，包括有完整的工作流啊，是第一、第二、第三、第四，有完整工作流。那在面试中，面试官也会问说，你的项目的工作流是怎么样子啊？那这是有完整工作流的，然后包括权限这块左侧菜单的权限，呃，按钮的权限，用户的权限，对吧？角色的管理都是有的啊，包括这个项目的一个导入、导出以及请求数据和外部 sockey 的 s d k 呢，其实也有很多，其中有一方面就是阿里云 os， 当然还有一些 s d k 我就没有写到这了。然后再往下呢，就是图表这块有 e 叉 s 啊，然后呢有这个更新操作通信啊，各方面内容，反正符合完整工作流。 然后呢，这个项目刚也说了可以面试去使用，那他要具备这么几个点，第一这项目呢，他是有一定的兼容性的啊，我们需要去进行兼容的调试。第二，这项目呢，他有难点，有亮点，因为在面试中呢，面试官经常会问这么一个问题，你在项目中遇到最大困难是什么？你怎么解决的啊？咱这里边呢有诸多的困难啊，然后咱们从而呢去解决他，然后并且呢这项目呢必 需有完整的一个上线的流程啊，并且呢可以让面试官去看，我也会给他提供一个这样的内容，让大家呢给面试官，面试官可以去看的，这都没有问题。然后再往下呢就性能优化，这个不用说了，面试中呢也问的比较多啊，这个项目有大量性能优化的一些内容，包括全局组建、封装。那最关键的是这个项目呢，其实涵盖了 vivo 三中百分之九十的 api 的使用， 那这个主要解决什么问题呢？就是面试中的面试官可能会问六三的某某 api， 你知道怎么去用吗？或者说他怎么去用啊？你不仅要介绍 api 他是什么，他怎么去用，并且要扩展性的给他说一下子，这个 api 你在项目中什么地方用到了，他的场景是什么， 要很清楚的把这个点介绍出去，那么这样话呢，你就很清楚这个点，从而你能把它介绍出去，因为你有这样的实际场景，这个很关键。所以在对于大家来说呢，对这个 vivo 三的各种使用啊，包括 ts 加 vivo 三，大家就会很清楚了。好，然后呢一个前提下， 他必须要具备具备这么些东西，或者说我给他提供一些东西，就有完整的接口文档。那么这里边呢，咱们接口文档内容真的挺多的啊，这个接口文档里边的这个内容，光接口啊，有个一二百个，一点都不过分啊，至少吧，我只能说至少啊，大家可以看到特别特别多啊，往下有一大堆，每一个点开都是一个子集，每一个点开都是一个子集，特别特别多，内容 超级超级多啊，这个呢，我就不一一去展示了，特别特别多。好，然后呢我们再往下，并且呢还给大家提供了一个答疑服务啊，就大家可能在项目中的或多或少遇到一些问题，咱们都可以交流啊，这都没关系，解决大家一些问题， 而且呢，呃，就是我最近带的这些班级里边呢，呃，通过 es 找的工作其实也有很多啊，不过还是那句话，不关键咱们还是没有三家 ts， 无非多了会一个基础站罢了而已啊，这个呢对大家来说呢广度进行了提升。然后呢再来说一下这个项目的一个整体的价格，呃，首先呢我们价格呢分 怎么几个类型啊？第一个呢就是一个标准，这个标准呢就是项目本身，然后第二呢项目呢再加上对应的这个上线啊，项目上线流程， 然后第三个规格呢，是项目加这个项目的上线流程，再加面试。那么这个面试呢，其实就是我会，如果你要用来他面试，我会把这个项目上所有的点全部整理出来， 然后供大家去面试，应付面试的环节，比如说项目最大的困难是什么？怎么解决呢？项目遇到的性能优化，项目遇到兼容，呃等等等等一系列啊，全部会答口述的介绍一遍，并且写成文字版，方便大家呢去查阅啊，或者说去呃，这个记录 好。然后呢最后呢还有一个是这个再加上一个授权，那大家经常会说，呃卖课程呢？就是割韭菜。呃，我觉得这个话呢也没啥太大问题，呃，只不过呢就是真正有 需求你就去买，如果没有需求呢就不用去买，对不对？但是呢为了让大家呃觉得说就是现在因为大家其实都是囊中羞涩，所以说呢我加了一个授权，这授权呢大概意思是什么呢？就是呃如果说大家可以授权 啊，就是大家愿意来我们这接受我的授权，那大家呢也可以把我们这门课程呢进行售卖，那具体售卖流程呢我也会给大家呢，这个有完整工，完整的工作人员到时候会给大家对接。 简单来说就是你可以拿我的课程去卖，那继续在哪卖？我们会告诉你，并且会帮助你去上传课程等等等这样内容啊。然后呢并且承诺在两个月时间你花了八百九十九，这八百九十九在两个月时间内赚回去， 我想带领大家一起去赚钱，包括大家可以发我的直播切片啊，都可以都可以发把它赚回去。如果在两个月时间呢没有把这个钱赚回去，我会全额给他退款，并且会签署一些合同啊，就是大概 一个内容，那你不需要付出太多，你只需要做一个事情啊，就是配合工作就可以了啊，然后视频的上传都是我们来负责的啊，你只要配合我们工作，如果说你想挣更多钱，你可以进行直播切片的一个发布，我们都是可以授权给你这门课程也授权给你，你可以卖给其他人，这都是没有问题的啊。呃，就大概这么一个情况，好， 行，这是整个课程内容，然后呢，目前呢，这课程呢还没有更新完，是十二月十五日更新完毕啊，所以说呢，现在目前是最低价啊，就是大家看到这个视频的时候呢，应该是在二百至三百左右， 三百元左右，等到过个一周，呃时间还会再涨价，等到十五号的时候呢，呃，一定是六百加六百块钱加，一定是的，然后我这也向大家承诺，就是大家买到的永远是最低价，你现在买到的永远是最低价，在十五号更新完毕之后啊，就是 以后不会有任何的优惠，也不会去降价，因为要维护之前信任我们购买过的这帮用户啊，所以你们所见肯定是最低价啊，如果大家希望呃这个 授权，希望能去通过这课程去赚钱，那大家可以去拍最后一个选项，就是第四个规格好了，就是这个内容，如果大家有需要的话呢，可以看下方小黄车啊进行这个拍。 ok， 那这个视频呢，给大家介绍完毕。
130小鹿线-杭州线下班
09:07查看AI文稿AI文稿哈喽，大家好，今天我们来讲一下 view 三中的属性透传呢，之所以要讲这个，是因为最近有个粉丝给我提了个问题啊，我看了他的问题，我觉得很有必要讲一下这个属性透传呢。 神拓展示 vivo 组件中一个非常重要的技术啊，掌握他对我们熟练的使用组件，二次封装组件都是非常有帮助的。我们来看一下他的问题， 这是他给我发的图片的，这样图片就是说我们不能使用 propo 作为那个 model 来使用的，就是这个意思啊，就是我们二次封装主页的时候呢。呃，我们可以使用那个属性拓展的。 我们先还一下他这个问题啊，我们新建一个 delob 怎么样？ 这里我们同样使用这个 elem plus， 我们可以看到现在错误已经出现了。好的，图片上提示的错误是 一模一样的，那这个问题该怎么解决呢？就是最好的做法是我们这里不要使用这个泼泼，我们直接使用一个 v 杠半的等于一个， 多了一个 attrs， 把下面都删掉，回到我们这个页面主页中，把这个导入，引入一下， 直接写一个 dollow 微杠 model， 等于 sure， 在这里引入一个 r e f bones 的一个袖的一个， 下面放一个按钮，点击这个按钮时候打开这个对话框， ok， 没有问题，这个对话框里面应该是有内容的，我们写点 内容啊，你点击没有显示啊，没有显示是因为我们这里没有接收他，就是我们二次封装组员时候要注意啊，如果他有那个默认卡头， ok， 当然他还有可能有其他的卡槽，这个是 标题 template， 他好像有福特卡槽，是吧？这个是福特卡槽， 没有反应。同样的，我们这里也要接受一下这个福特卡槽。 ok， 没有问题，他好像也还有黑的卡槽，我们黑的卡槽也复制一份呢。 ok， 没有问题啊，当然你可以写一个呃方法去编 立出来，比如说你喜欢一个 important， 一个 huge slots 方式的 slot， 等于 slot， 然后你可以在这里把它便利出来啊，我抄一下这个代码， 你们看一样的啊，默认卡头对一样的，刷新一下，打开 这个就是一个简单的二次封装主页呢，我们来看一个复杂一点的，呃，像这种页面呢， 这里我们点击他跳出一个颜色选择器，那这边的这个 是跟着对应在变的。这里时尚它使用了三个组件呢，一个是这个 text fire 组件，第二个是这个 menu 组件，点击这个，这个是 menu 组件， menu 组件弹出之后，这个这个组件是一个 colorpick 组件，就三个组件写在一起，都是 beautify 组件的， 我们来实现一下它，我们在这里新建一个 colorpeak， 首先这个肯定是一个 we got text fear 的这样的 自读的黑的 dtax 啊，保存的，然后在这里面应用一下啊，卡了，第一个，再传一个 label， 选择颜色保存，看一下， ok boost 的一个卡了， 把这卡了传给他微杠 model， 传一个卡了进去，要毁了我们这个封装酒店。这里面的 这个 text file 上面有一个 template 叫有个卡槽 prepond 音的啊。嗯，我们在这里面放一个按钮啊，微杠微扭这个按钮，然后复制一下这个按钮的这个用法呀，这个按钮里面有个 激活器啊，这个也不是卡槽 propose， 我们写一个 div 自闭合一下，给他写一些样式 class， ok， 我们先给他设一个默认颜色，比如说 f 五二六， f 二幺，那我们怎么让这个默认颜色填充一下这个颜色？这个 style 你可以看到， ok， 然后我们要点击这个时候呢，让它弹出一个颜色选择器啊，你在下面写一个 v 杠 color pick， 这里面的这个同样微杠棒的一个多了 attis 你可以看到， 那我们现在点击一点击就关闭了这个有，这上面有个 cloud 空灯的颗粒格，然后传一个 force 进去 啊，同样的，他后面还有个那个 template， 有个叫 open 的音呢。我们要在这后面放一个复杂按钮啊，我们去找一个图标啊，我们要点击这个图标的时候复制这个颜色啊，写一个 复制颜色啊，复制颜色其实就是一个。 呃，我们要在这里面怎么实现获取它的 a t t r s 呢？这里面我们要使用一个 input 的一个 use a， 呃，他提供了这个后壳，这样我们可以在这里面拿到 atss， 拿到这个 model y 六，你们可以在这里打印一下这个 attrs， 我们可以看到它这里有个，呃，外面是传了一个 label， 对不对？传了一个 we got more 的一个 color we got more， 实际上它就会变成一个 model value， 还变成一个 on update， 一个冒号 model value。 呃，这里也充分验证了这个被刚摸的，其实上就是一个语法堂了，然后选择一个颜色复制粘贴一下，没有问题。 然后在这里的话，你还可以调整它的 warrant 奥特曼，你可以看到他会变成这样了。 plus， 我们给他加个拍点的选择颜色 复制，他会把这个颜色复制出来，你可以看到。那我这里封装一个颜色选择器的话，他这十项这里面就使用了三个组件呢，当然你可以封装更多的组件进去啊 啊，但是目前来说，这个使用属性透传封章组件的话，他有个缺点就是 他好像没有代码提示了啊，不知道有没有办法解决这个问题啊，有知道的兄弟可以评论区给我留言的。好的，今天的分享就这里啊，关注我教你更多 vo 知识啊。
152程序员𝐋𝐞𝐫𝐭𝐞
