vue的yarn怎么切换到npm

大家好，今天我们来分装一个组件，就是这个职工详情的组件，那么其实很多地方用到这个职工详情，比如说我们在职工的调转记录里边 先看职工详情，再或者我们在首页里边下个月计划成也也想看用户详情，那我们不可能在每一个用到的地方都写一遍这个弹框的组架， 所以呢我们完全可以把它封装成一个组件，然后在其他用到的地方去吊用就好了。我们今天就来看看到底如何把已经做好的功能封装成一个组件。那首先呢，我们需要把需要提取的组件的代码提取成一个单独的微有异文件。好，我们来看一下， 我们找到这个页面，页面叫对付的没有意义。好，就是这部分，这部分呢是他的 brt 报的抽屉组件来实现的，我们先把这部分代码拷贝出来，单独新建文件， 那我们放在专门有个 compendence 放在这里面，我们再给他单独建一个目录，专门存放职工的相关组件。然后呢我们再来新建个文件，专门存放这个组件，你叫 stayf 抵抗，然后把刚才复制的这个代码放到 tampay 的里面， 然后呢我们再写一个 squeep 的标签，里边存放一些脚本，再写一个 style 备用。好， squeep 里边我们来写下物价，比如说 sport default， 然后里边写上基本的主驾的名字，比如这个主驾就叫 stayf， 然后呢我们来写上 data， 这里边直接 race， 待会备用就可以了，然后再写慢色， 好，慢色子也放点先备用，然后我们再来检查一下这里边 这个抽屉组件用到的一些属性，比如说这个是否显示这个抽屉组件，然后我们把它拿到下边来，我把它分成两块屏幕 离开，要瘦，我们拿过来，不需要这么这么一个属相，默认是不显示的。然后我们再往下还需要一个这个，这是职工的一个对象， 然后再往下用到的这些方法，我们需要一会处理一下。嗯，那这里面还有一个，这个 还是在这地摊里边，像这种房卖的，他也是从字典表里把竖直转换成文字，所以这些呢，如果我们想让这个组件 足够的模块化，我们有两种做法，可以把这些字典数据查询到这个组件上，然后呢在这个组件展示的时候做一个转移。但是呢这种方法不是特别好，因为有可能这一个页面会频繁的打开职工详情，频繁的关上职工详情，这时候我们需要频繁的去加载这些字典数据，所以不是很理想。所以呢我打算后面我们 把这个数据库查询的地方改一下，直接查出来这些字典数据关联到这些字典表。那这样的话呢，我们就避免了在详情弹框组线里面去频繁去加载所有的字典数据。好，我们先把这些字典数据去掉，先让他能正常跑起来。 好了，一会我们在后台查询的时候， 直接把这些文字的数据查出来，就不用在前台做字典对照了。那接下来的剩下的这些方法我们需要迁移过来，我再来迁移一遍。 好嘞，我把这些方法都已经牵引过来了，接下来呢我们来写一个显示方法， 方法名叫瘦，传一个 id， 然后呢？这里边我们后边要去调接口来去请求这个职工的信息，暂时我们先不掉，我们先把这个弹框显示出来， nice 点比他要瘦，等于出。

今天呢我给大家介绍一下我这个系统里面的啊，基于角色权限控制是怎么做的，以及它的架构图是什么样的？我们从前端到后端， 我们先看下这个架构图，这里呢有，我这里写了一画了一个架构图，首先用户登录，登录之后这个新会检查权限，哎，查询决策，查询权限 要权限，教练通过了就访问，不通过就拒绝，这个是一个调度，下面呢是一个，对，是什么？是 rbacrbac， 是一个基于角色的访问控制模型，就是他会给用户分配不同的角色，并给每个角色赋予相应的权限，来限制用户对系统资源的访问， 一般在大公司里面这种用的非常多。那基于这个基于角色的权限控制呢？他不名词就角色，而不是个别用户，每个角色都会赋予一定的 一组特定的权限。呃，用户被分配到不同的权限，就会限制他们的访问资源。这种模型是非常可以，就是市场用的非常多的，一般由三个部分组成，用户、角色和权限通过用，通过角色获取相应的权限，通过访问资源，同时他 有多个角色，他可以有多个角色，那他就会相互合并了，他们的权限就会合并。嗯，下面是后端的一个实体图，这个类图假如说我们是不是右手表，右手表里面他一般会啊。关联角色表，角色表，角色表里面关联关联权限表，权限表里面关联的是你有哪些借口访问的权限，以及你拥有那些菜刀， 这里左边，左边是，比如说你，你，你给这个用户分配了某个角色，那他他们之间是吧？他们之间这个有的 a、 b、 i 还是不能够访问的， 那他的拆拉都有哪些？在这里也会这个权限，这里呢也会进行控制显示啊，就是在这种表关系上这样子。然后下面是一些表的详细的介绍，对，如果感兴趣的可以暂停一下看一眼。嗯，下面是一些代表实现啊。我们再回到页面里面来，我们先看一下用户， 比如假如说这个用户他有什么？他有个角色，他角色里面对我们有这个权限，我们一般都会给他选定某个角色，比如说用用，那他这个东西就角色更角色够多了，他权限就会更多。那到底权限是谁呢？是后面东西，前面是 后面，比如说查看，呃，查看编辑啊，这里查看这种就是他的一个，他这个就是他的一个权限，他用什么权限？他是查看权限的。编辑权限，我们再看一下。呃，角色表里面角色里面的一个状态，我们直接编辑了，他编辑这里，我们可以看到 这里呢，比如说我们给他选择某个编辑啊，我们应该是选择某个某个权限啊，比如说这里应该是我们选中的，是后面的才是权限啊，不是前面啊。比如说你有什么权限？你有没有系统管理的权限？事实上他说的是在表里面，他只是比如说有查看和编辑权限。当然你这个按钮你可以啊，我目前指定有两种类型，查看编辑，其实这个可以更多啊，可以有更多，比如说你按钮级别了，按钮级别了，那在这里， 这这个这个改改，改成你那个按钮就可以了，因为某某权限，但是这个按钮级别的，那你这里会有一个，必须要有一个 key 跟前端，你告要告诉前端你这个它里面的名字叫什么？名字叫什么？ ok， 角色这块大概像这样子，然后，嗯，这是 tedana 管理啊， teda 管理的一个表，然后这个是，呃，就权限表，这权限表，这权限表，这权限表长什么样？我给大家看一眼， 权限表里面目前的做法是，比如说它有编辑权限，这是谁的编辑权限啊？它是某个叉八的编辑。还有呢？ jpi 在这里呢，会进行一个定义，而且还可以增加啊，可以动态增加的 哦，这个系统大家讲这样子，还有接口环，后端的接口环我们怎么配啊？我们可以添加接口，你看接口这里呢？我们一般比如说这是动态的，动态的路由开发，他有那些接口的权限可以可以看到，比如说他的支付管理啊，啊，他有这个接口，还有这个方法。

分享几个非常实用的 vs 扣子的小插件，如果你掌握了，能够迅速的提高你在工作当中的研发的效率。第一个呢咱们就分享这个六十五，具体怎么安装呢？就点这，然后你搜一下，对吧？还会有一个这个按钮，因为我已经按弄过了，我就不安装了。 接下来我给大家演示一下这个礼物烧火是什么呢？比如说咱们平常过程中，如果要是 ui 或者说 pm 找我们，对吧？那我们快速做一个页面，那么我们做完之后想看什么效果？比如我点那个感叹号，对吧？我点一个推宝，或者说点这个，他会快速的生成这个来填本文档， 那么生存完了之后，我在这里边会写一些东西，写一些东西，我想看一下这个写完之后在页面上是什么效果呢？我按照完这个插件之后，这里面会有一个 oppo vs 发的效果，这样呢，我写完之后看他会在两边打开，他也是自动更新的，比如说我删了他之后， 对吧？我删了他啊，他也会自动自动更新。然后第二个插件呢是分享这个他是一一款拼写错误检查的一个字一个插件，对吧？常见的比如说 我们写代码的时候，给变量命名的时候，有可能我们他的英文字母我们会会命名错误一个那个福斯特，对吧？福斯特英文单词， 如果这样他肯定会有一个报错，报错的话他会有一个提示，这个肯定这个，这根本就没有这个英文单词，对吧？那么我们可以快速的修复，那修复了没有的话，其实我们我们可以自己改一下，对吧？复式的，然后对于这种破脱封命名啊，也特别是比如说第一个字，对吧？这样写肯定不对的，就没有这个英文单词吗？脱封了。 嗯，这个插件呢是分享这个 vs 扣的 com， 是 vs 扣的 com 呢，比如说你装完之后，对吧？咱们的这个文件的前缀，比如 gs 文件，或者说 atm 二文件，他的前缀他会变，嗯， 还有这个图片文件下载文件，我这装一下给他演示装完了。那么装完之后呢？你可以看一下，看到没有，咱们的图标全都变了，对吧？相当于会在这个文 旁边添加图标，让我们更容易识别文件啊。还有一个插件，就是说这个插件可以自动补全我们文件中的这个引用的路径和文件名，比如说咱们这个 ts 的 dit 八，对吧？比如说我们这时候我们要以一个外链的 gs， 他就能自动给我们补全了，对吧？如果你们喜欢这些插件，赶紧点赞收藏吧！

使用了插件，然后呢把路由配置了进去啊？按照这个写有效果吗？没有任何效果。为什么没有效果呢？他还有很多信心，他不知道，根本就不知道，你要干嘛？我现在只是系统里边有了，我有这个插件了啊，但是呢，我怎么来去显示不知道，你看他还有这些信息知道吗？一个都不知道，我怎么来？根据不同的地址来匹配不同的组件， 你要告诉他呀，这个地址匹配哪个组件？你要告诉他呀，你没有告诉他怎么知道匹配呢？另外一个匹配到了他放到哪个区域呢？也不知道，所以说呢，他还有很多信息不知道。那接下来怎么用，怎么办呢？我们要讲一讲这个路由的基本使用啊，就是把这个信息告诉他。 首先有两个关键信息要告诉他。第一个关键信息呢，就是什么路径匹配什么样的主见，你这个信息必须要告诉他，那么这个信息怎么来告诉他呢？就是写到这，写到配置这里。好，那么这个配置这里怎么写呢？它里边又包含了一个配置，叫做 road 啊，就这个 配置，这个是什么配置呢？就是路由配置，这是配置的是一个数组，数组里边每一项就是一个规则。什么叫规则？就是什么路径对应什么组件，什么路径对应什么组件，就是一个规则。好，那么咱们呢？这里怎么来写呢？规则，一个规则就是一个对象， 比方说第一个规则，我给他写一个 test， 当你访问这样的路径的时候，一个斜杠啊，我们路径是一个斜杠的时候，那么匹配到什么组件呢？ component 匹配到一个组件，这个组件呢？我们导入进来啊，呃，比方说这里面导入 import home from， 点个斜杠 will use home， 对吧？是不是达到这个组件呢？哎，我就把组件放这高速无忧，当我访问这样的路径的时候，你给我匹配这个组件。好，那么这个规则是不是一共有五个？好，你看是不是配置好了路由了？不同的访问路径匹配不同的组件，写完了吗？那么这个配置就写 好了啊。这路由的配置好，再我们来刷新一下，看一下。有效果吗？还是没效果？为什么还是没效果呢？还有些信息不知道啊，还有什么信息？现在能不能匹配了？能匹配了，匹配到放哪了？他不知道放哪，对吧？把这个主键放哪了？他不知道往哪里放， 哎，那么我们这个放哪怎么写呢？那么我们要找了啊。 mate gs 启动的是哪个组件？启动的是它对不对？在渲染是它，在无忧的渲染过程中，它只要渲染到一个特殊的组件，叫做 root of you， 只要宣传到这个组件的时候，那么就表示这个区域呢是一个站位区域，他将会路路由呢？将会把匹配到的组件放到这个位置，他就是个站位啊，有点类似于插槽啊，实际上内部呢就是使用了插槽，呃，进阶的时候，那么再说， 那么现在我们就可以认为只要匹配到了组件，他就放到这个位置。哎，那么我们看一下这个中间主区域，这个区域是不是就说我们要放我们什么？放我们匹配到的页面组件啊？因此这里可以。怎么 可以就是一个 rotor？ 有哎，有同学说了，老师啊，你这里为什么没有去注册组建呢？ 是因为你在安装这个插件的时候啊，他就给你全局注册了一个组件，这个组件谁提供的？就他提供的啊，因此呢，你可以直接使用 好，那么这是一种写法啊，当然呢，也可以用什么短横线命名法都可以啊，我现在这样子写也可以用这种方式啊。不用，以后呢，你可能看到这种方式啊，稍微多一点啊。呃，这是官方文档啊，官方那个视力里边用的是这种写法啊，所以说市面上的这种写法可能要多一点，但是呢，我个人比较喜欢驼峰命名法啊。看你自己都一样， 好保存啊。咱们来看一下，当我们一开始访问的路径是斜杠的时候，是不是首页，对不对啊？这一块。那你看这个逻辑是不是通了，基本使用非常简单啊，这个逻辑是不是通了，请求不同的路径，得到不同的主见来进行宣传。哎，但是有一个小的问题，你看到没，这里的路径为什么多一个井号啊？ 奇怪了，对吧。是因为啊，默认情况下他读路径啊，他不会从这里读，他是从井号后边读路径。井号后边是啥？是我们把它叫做某链接，对吧？其实呢，也还有个名字叫做哈西，就是 ok 型里边的哈西， 你看哈西值，他就从这个井号后边去读读景，也就说我们这个改变哈西是不是可以改变改变他的页面？比方说我们可以改变 location， 把哈西重新复制啊，复制为一个 blog。 七杠啊， blog 你看是不是切换到文章了， 而且呢，因为因为是哈西直，哈西直的切换，某链接的切换会不会刷新页面？不会刷新页面，这就是无刷新跳转，说哈西直是最容易做无刷新跳转的，明白这意思吧，他默认使用使用了哈西直啊，也说我们这里访问 vlog 可不可以访问到文章？可以啊，因为访问这个路径的时候，你看我们整个流程，所以匹配到博客 组件在哪？怎么匹配到不合组件的？是不是因为在这里？因为到这里呢，我们定了一个配置，对吧？ blog 还匹配到这个组件，他把组件渲染到哪呢？渲染到这个位置啊，只有他的整个过程。 那么我们再来从在这里直接输一下啊，比方说我们 message 回车匹配到留言版，看到没？这就一整个基本流程已走通了。 关注读一剪辑号的同学插播一下，我是袁老师，你能跟着我学到这里，那么我就再送你一个好东西。为此呢，我录制了一套大师课， 这里边一共六个章节，每一节都是你求职比面试和在职提升必须必备的东西， 像什么世界循环啊，浏览器渲染原理啊，属性描述符啊，还包括几个经典的实战功能案例，甚至唯有的原骂思想拆解等等等等。我坦率的讲，凡是里边涉及到的知识，诠释的深度 都达到了圆码的级别，你基本找不到第二个人能剖析到这种程度的。也就是说，一旦你比面试或者工作当中遇到了这些技术，你表现出来的水准在其他的竞争者中有着压倒性的优势。 关注袁老师这么久了，我也帮不上别的忙，那么这套大师课呢，算是袁老师送给你们这份大礼，不必客气。如何领取？评论区第一条，进咱们的粉丝群，然后根据提示领取就可以了。 好，那么这个东西如果说你理解了过后呢，我们现在呢，把代码稍微优化一下，你看，我们现在启动文件里边代码开开始慢慢的变多了，我还是希望呢，启动文件呢，尽量保持简洁，因此呢，我们这一块代码呢，可以把尽量抽出去，怎么抽出去呢？其实我们要抽出去的是不是就是这一坨， 就把这一坨代码最终得到一个 rotor 配置到这就完事了，对吧？那我们怎么来弄呢？我们可以到这个 s r c 里边在线的文件夹啊，叫做 rotor， 那么 rotor 里边我们新建一个 index， 稍微再切分一下，我们就把刚才那段代码啊，就这一坨 扔过来。然后呢，因为这里要用，用到这个 view go 函数，所以我们导入这个 view go 函数啊，是吧？ view 好，然后呢，把这个 rotor 导出 export deport rotor， 把它导出好了，那么这个东西把分成不同的模块之后呢？没点 gs 是不是直接导入这个 rotor 就完事了，是吧？ 有头，对吧？默认导入的就是应该是比较结实，路径变了，对不对？这个路径变了啊，这里要返回上级目录啊，或者使用艾塔也行，保存 效果是不是完全一样的，对吧？好，这里改成斜杠手一好啊。当然如果说你访问不到任，如果说都没都没有匹配的话，那么他就什么都没有匹配，这个组组件是空的，没有任何组件选到这个位置，嗯，然后呢？现在呢，我们还需要继续优化一下工程，因为 这里边的，你看这里这个代码比较多的地方，是不是在这，对不对？这里是一个主，就是路由的匹配规则啊，路由的匹配规则，那么我可以单独的把路由匹配规则分分出去啊，因为有模块化嘛，对吧？就可以尽量的细分，肉质比较结实。好，那么这个玩意这个地方就是导入一些 路由的匹配规则，把这个玩意放过来，嗯，把这个玩意 roads， 这里就是导出一个数组， export eport， 导出这个数组，对吧？就导出一个路由匹配规则。好，那么这边呢，我们只需要把路由匹配规则导入进来啊， import roads from their roads， 那么这个玩意就是我们的配置啊，这是路由匹配规则，路由匹配规则，好了，这样带法是不是变得更加清晰了一点，对吧？好，走这一块啊，效果当然是完全一样的，看一下首页，对吧？效果完全一样，没什么区别。

好，从这一刻开始呢，咱来讲一下 not 中的配置，那么首先呢，它的配置文件呢是 not 点 configure， 点 g s， 那也就是说是在我们的项目的根目录下的一个呃， not c config g s 啊，就这个文件。 然后呢需要大家明确一点，就是这个文件的所有的配置，他是全局配置，什么意思呢？就拿这一课我们要讲的这个汉字来说，那我们知道 nars 呢，它是可以解决 su 的部分问题的，比如说他可以解决每个网页都有他自己所独有的开头描述以及关键字。 如果说我这有很多的一些页面，但是呢我都没有进行配置，那这时候呢，他就会走这个全局的一个配置，当然如果你某个页面配置了汉字，他就会走你那个页面所独有的这个局部的汉字啊，这个意思。好了，到这呢我们就来试验一把啊，我在配置里边呢新建一个页面啊，比如说叫 list 点六，这是我们的一个列表页了，列表页， 好，那再来新建一个页面啊，新建一个关于我们的一个页面 combat 啊，这样呢就是一个关于我们好，行，那么到这呢我们就来看一下啊，比如说就拿首页来举个例子啊，它的一个开头就是这么二， 好，然后呢再来看一下这个关于我们，他的开头呢，也不用说啊，也是一个 m 二，是吧？也是个 m 二，原因是什么呢？是因为我这些页面啊，都没有独有的看的配置，他就会走这儿的一个全局的， 所以说呢，我可能会针对于某一个页面进行做，我这个页面独有一个抬头描述单词，那这该怎么配呢啊？大家注意他写法也可以参考这个文档啊，这有个 api， 然后这个地方有看的，只不过呢，这写的不是那么特别的完整啊，或者特别完善，然后这个地方他也有一个更多的一个配置啊，说白了就是总六的那个 mate info 和那个是差不多的。行，之前呢，我们也讲过 mate info 怎么安装以及怎么配置，对吧？哎，到这呢，大家直接用就行了， 这呢需要大家注意一点，就是在他的全局里边呢是焊的冒号，这是一个对象，而在我们的每一个或者某一个这样的页面中，他这呢是返回的一个函数，那比如我要到关于我们这进行配置。 好，大家来看这个写法啊，这样呢，要写成汉的，然后他是一个函数，然后这是 ret， 那至于 ret 内容是什么呢？大家可以把这块东西就是对象里面这个东西复制粘贴过去了。好，那我们这呢就，呃，我今天准备好一个啊，咱直接给他 过来。好，拿过来以后大家看看哪个东西我们可能需要，比如说开头就是关于我们，对吧？这样的来一个小路线。好啊，然后呢，咱们再来看这个地方有一个叉 site utf 杠八，那我们全局有没有，是不是也有啊？所以说呢，这个地方就没必要去写了。好，然后呢，这有一个什么 billpot， 这也没办法去写，因为全局也是有的， 是吧？然后呢，这个网页图标，我们全局呢也是有，一般一个网页就走一个网页图标，所以这块呢也不需要去配，无非我们要配的就是抬头描述关键字，那大家可以看抬头配完了，然后这里有描述，然后关键字你可以自行去写，好吧，也可以配置成动态的啊，一会告诉大家怎么配置啊？行，那么到这完事以后我们再来看一下这个地方的关于我们来看啊，应急查看元代码，然后这的抬头刷新一下 来，我们再来打开一下，刚才是缓存啊，是缓存，大家看是不是这样就 ok 了呀？当然我们的开头标杆子是我们有写的，然后网页的图标也好，还是说你的那个编码也好，是不是他这呢都是有的呀，对吧？你看这个网页图标，那这个网页图标和编码我们就走全区就可以了啊，无非在某个页面呢，我们要配置的就这些东西啊。这呢我们就写一个笔记，把这块记录下。好，那就是 第一个配置 configure 配置看，呃，全局的不用说了啊，然后就是，呃，这个页面局部好，我们这时候呢需要正确写 好，我把这个拿过来，省的大家呢下去去找了。 ok， 那这样的话呢，我就知道了。哦，原来呢，全局怎么配，然后局部他怎么配啊？就他怎么成效，那有一次说呢，我这有很多页面，比如说我这有个类似册，你也需要给他独有配一份啊，如果你不需要就拉倒呗啊，如果需要你就配上，比如这是我们的一个列尔印 行，首页呢，我就不管了，首页也是一样的，这举一把三就可以了，各位，好吧，然后呢，下边还有一个问题啊，就是我们可能会需要是一道动态的一个什么抬头表示代字，什么意思呢？就是我可能会有一些新闻，举个例子吧，咱们去搜一下这个什么搜狐 搜狐新闻啊，就拿这个网站来说，好，这是我的一个网站的内容，对吧？然后呢可能会点击到某一个板块，比如点击到这个科技啊，进到这科技里边，进到科技里边以后呢，这是明显的是一个文章的一个列表，对吧？这里边有很多内容，然后点击某文章会进去，那么进去以后呢，这就会显示的 是大家看啊，刚刚点击科技是搜狐科技，然后这呢点击进来以后，他是定的这个文章的开头，对吧？这个开头是文章的标题，那像这种情况下啊，这个开头一定是动态， 包括描述，包括关键词可能都是动态，那这时候我该怎么做呢？我把这呢给大家去还原一下哈。行，呃，那下面咱们就配置一下这内容，那我这首先要配置的肯定是他的一个路由了啊，包括大家对于路由这块呢，可能还是有一些带向的模糊的东西。那这呢我就给大家呢，从头到尾配一下哈。 啊？首先呢，我就不会说那个 guest 了，我直接就会说 nars 这块的一个配置了，那我希望的一个结果是这样的，比如说在我的这个首页，我这可能会有很多新闻，举个例子啊，比如说 analogy 这来说有个什么体育新闻，我就直接走一个科技新闻吧，行吧，那就是科技新闻 nars link。 好，然后这是一个科技新闻给他，等到他以后呢，我就会进入到对应的这个，呃，科技新闻的这个页面啊，这个主页面啊，到这呢我们就要写一下他的一个 two， 我跳转到这个 news 里边，好吧，那我就需要新建一个 news 这样的一个，呃，文件，对吧？这样一个。 好，那这样呢，我们进来之前先给大家规制一下，首先呢 news 它属于一个大网页，对不对？那我到这呢会新建一个 news 店儿。六啊，这是我们的一个 科技新闻的主页面，在这个主页面下，我可能还会有很多的组建页面，或者说一些其他的板块，比如我这还会分啊，这个公司产业的一些新闻，对吧？什么大娱乐、新零售、乱七八糟、前沿产品的新闻啊等等。炸东西也说在这大网页下，我还会细分，细分，再细分，然后某某一个页面下可能有这样一些内容， 所以说呢，而且我们点击每一个新闻啊，他可能这个地方的 id 是一个动态的路由。那所以说我们在这配的时候，大家一定要看清楚啊，我先有个 news， 这个 news 呢是属于一个他这科技的大网页。好，然后呢我需要配置动态路由，那这时候呢，我需要在这新店有个店夹叫 news， 在 news 里边呢，首先新建一个 index 点儿，这属于我们的 news 这块的一个页面，那这是我们的新闻列表，他放的是新闻的一个列表。然后这里边呢再来一个下滑线， id 是我们动态的那个路由页面啊，就是我们的详情页，这个，呃，新闻的详情页，大家能捋清楚这关系吗？这个是我们的主页面啊，就是这个页面整个的主页面，然后你主页面的内容来自于 index。 这六啊，就是这里边可能有这些东西点某一个新闻进去的就是这个啊，就是下面 id 的页面，那他配置完的这个路由呢？我们可以看一下啊， news， 对吧？然后有一个首页，然后有一个动态， ok， ok， 这是我们的路由的一个配置。行，然后呢，我这个页面呢，需要啊新建一个这样的数据，我把这个数据呢显示死呢，给他动态的渲染出来就可以了啊。对，然后这呢写一个 news 的历史法， 嗯，然后每一个写一个 id， 然后写一个开头，我就不写正文内容了哈，随便去拿点，放到这一会儿圈进来就可以，太长了，随便截取一点吧。第一个行，然后再来一个 这个 id 呢是为二，那这个数据呢，在我们的正儿八经的项目中，一定是请求接口拿到数据，然后渲染的，我在这呢就先给大家写成死数据了， 大家懂这意思就可以了。四， ok， 五，再来一个就完事了。好，我把这个地方内容呢给他训练起来 这么一个列表，然后这是一个 l l i v 杠 four item， 进一个 new list， 好， k 等于 item 的 id， 然后这儿放的是 item 的。 好，现在呢，看一下这个网页啊，就是现在我进来缪斯是不是进入到的是他呀，对不对？那这个地方的页面的数据怎么显示呢？啊？他，其实这样的，大家看这个地方啊，在这 api 里边呢，有一个 nast， 然后是一个 gun chair， 它加载是什么呢？是你的子路由啊，加载是子路由。那首页有意思说，我们需要让刚才的 ex 显示，我们在这呢，直接来一个 这个，那死片的啊，就把这里边的内容全部就加起来了。好，我们来看一下大家是不是，哎，把这内容就加起来了，然后呢，现在我们做事呢，是点击每一个进入到这个文章详情页。好，那这时候呢，回到这啊，我们可能点击呢，会在这加一个 gs， 点击加一个点击键啊，或者说呢，我们 可能会用 nars link 进行跳转啊，都是可以的。那在这呢，我们就通过这样的 g s 方式吧，叫叫 d e。 好，那把这个 id 的传过去，就是 it 的 id。 好了，那新建一个这样的方法， 然后这有个 id， 我们跳转到的是 rooter 点儿故事上到哪儿呢？上来到 news 下的，呃，某一个内容，那就是 id。 好，我把这呢给它改一下，写成 e s 六的形式，因为这个 id 呢，它是一个动态的啊，它是一个动态。好了，下面试一试能不能点进去啊？比如说点击了这个麦当劳什么东西，大家看是不是进入到了一个新闻的详情页呀？哎，进到新闻详情页，那这套文字其实就没必要了，我们就这样写就可以了。 好，点了，哎，进来，然后点这个啊，都可以进来，然后大家看这个动态的路由，是不是这有个四呀，这有个五之类的，对不对？好，那现在呢，我们要做的事呢，就是，呃，这里边可以拿到对应这个参数，好，我们去拿一下， 打印一下这地方的一个入册啊，我们去看一下，来到控制台里边，当我点击某一个， ok， 这时候呢有一个参数，它的 id 为三，我们可以取到啊，那复制给一个 id。 好，然后这儿呢，我们就写一个这个，然后这儿有一个 id， 他默认随便写个值。好，然后这儿呢，我们就可以选择。 ok， 你看我点就说第三个，第四个是吧，都有这个 id 号哈。行，那如何动态的去改变 title 描述观测呢？比较简单，就是把这汉字拿过来，拿过来以后呢？呃，这儿的态度描述我就不管了，就是这个描述和观测我就不管了，有了 title 吧，那就直接可以写类似的 id 就可以了。好，我们来试一下啊， 比如我现在点击的。是啊，那我经常其实可以传一个我看看啊，咱们传了一个什么？传一个 id 啊？算了，不传这个标题了，因为传这个标题的话呢，这个内容就比较多了啊，我们直接传 id 就行，因为正常的项目来说，你在这页面肯定要请求这 id， 然后对应的拿到这个数据，然后再次渲染，对不对啊？所以说呢，这就不传了，大家看这 id 就行了。比如我点击是第三个文章，那 它的开头就应该是三，我们可以看一下。这还是有缓存啊，我们再去看一下，再来点一下吧，它这有点缓存，点一下什么车主之类的啊， ida 四 好来看，猜测是不是为四啊？啊？他就会在你的选之前啊，页面选之前把这个值拿到放在原上，因为我们的 price， 他就是在呃这个服务端以及客户端所共有的一个生成期。 哎，这样话呢，是没有问题的，当然还有很多的方式去做啊。那我就告诉大家，这节课内容就是 hand， 我们可以进行局部的配置，然后呢，也可以动态的去改变它啊，这就是这个 nars， 这对于看的一个配置。好了，本节课呢，我们就这么多，然后呢往下呢？就是每节课我们说一个单独配置，每节课说单独配置可能每节课内容呢不是那么特别多，然后把这个配置项呢一项项给大家讲完。好了，本节课呢就先说这么多。

分享一个利用 promosco 的一个全局 js 调用确认框的方法，不用争论使用别人的插件更快的问题，原理大多数都是一样的，不知道的可以了解一下。先做好一个确认框模板，后面就可以用 js 调用导入创建好的模板，并创建一个 js 函数处理事件。 利用 view 的 extent 方法拿到模板实例， 先导出方法注册到全局，先调用看是否成功， 然后再点击事件中调用刚注册的全局方法，将下面的 w l 插入 到八粒即可 控制显示隐藏的是变量秀，成功显示出来了。现在利用 promos 处理取消与确认按钮事件， 添加两个键， 接受 poms 的成功与失败。 春风吹打就长出一个花的现象， 点击处就能拿到点击的是取消还是确认按钮， 可以传入自定义确认信息， 再次定义取消确认按钮内容。