摘要：
好家伙， 1.什么是路由 路由就是对应关系 路由是指路由器从一个接口上收到数据包，根据数据包的目的地址进行定向并转发到另一个接口的过程。 2.SPA与前端路由 SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一的一个页面内完成,不同组件之间的切换需要通过前端路由来是 阅读全文
摘要：
好家伙, 1.什么是ESLint? 代码检查工具，用来检查你的代码是否符合指定的规范 2.ESLint有什么用? 统一JavaScript代码风格的工具 在合作开发的时候, 每个成员的代码风格都有可能不一样, 例如,有的人用tab,有的人用空格, 有的代码一堆回车空格,有的代码不会有多余的回车空格, 阅读全文
摘要：
好家伙， 1.什么是自定义指令？ vue官方提供了v-text，v-for，v-model，v-if等常用的指令。除此之外vue还允许开发者自定义指令。 2.自定义指令的分类 vue中的自定义指令分为两类,分别是: ~私有自定义指令 ~全局自定义指令 3,私有自定义指令 在每个vue组件中,可以再d 阅读全文
摘要：
好家伙, 1.作用域插槽 插槽在定义的时候,可以定义一些属性,便于在父组件中使用 来看看代码: Article.vue组件中: <template> <div class="article-container"> <!-- 文章内容 --> <div class="header-box"> <!-- 阅读全文
摘要：
好家伙 1.什么是具名插槽？ 来简单理解一下， 具有自己名字的插槽，就是具名插槽 我们来尝试使用一下具名插槽: 在Article.vue组件中: <template> <div class="article-container"> <!-- 文章内容 --> <div class="header-b 阅读全文
摘要：
好家伙, 1.什么是插槽? 插槽是vue为组件的封装者提供的能力.允许开发者在封装组件时, 把不确定的,希望由用户指定的部分定义为插槽 我们依然可以把它理解为一个占位符 1.1.插槽的基本用法 试例项目目录如下: 在Left.vue组件中: <template> <div> <!-- 声明一个插槽区 阅读全文
摘要：
好家伙, 1.关于keep-alive 这是一个用于阻止组件自行销毁的插件 <!-- keep-alive可以把内部组件进行缓存,而不是销毁组件 --> 那么我们什么时候会用到他呢? 举个栗子 他来了,他来了,经典自增1按钮(太TM经典了) 上代码: Left.vue组件中: <template> 阅读全文
摘要：
好家伙， 1.什么是动态组件？ 动态组件指的是动态切换组件的限制与隐藏 2.如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染. 可以将其看最占位符来用 2.1.其基本用法 <component is="Left"></component> //其中i 阅读全文
摘要：
好家伙, 1.实现总价的动态计算 商品数量被动态的改变后, 相应的总价同样会改变 所以我们需要重新计算总价格了 这个的实现并不难 我只要拿到商品的数量就好了 我们用一个计算属性计算出已勾选商品的总数量 在App.vue中 total(){ return this.list.filter(item=> 阅读全文
摘要：
好家伙, 1.商品数量的增减 我们把商品的数量增减独立出来,写成一个独立的组件Counter <template> <div class="number-container d-flex justify-content-center align-items-center"> <!-- 减 1 的按钮 阅读全文