weixin_48850734的博客

vue-基于canvas的数字验证码参考自优秀滴博主滴博客：https://www.jianshu.com/p/99c6e2f3e457

经典面试题: 1). react/vue中的key有什么作用？（key的内部原理是什么？） 2). 为什么遍历列表时，key最好不要用index?

一、模板语法2大类举例：二、2种数据绑定方式三、MVVM模型This is bilibili尚硅谷vue2+vue3学习视频的 学习笔记~

安装方式：https://chrome.pictureknow.com/extension?id=d50143a5f53d406dbe992277bfc90521

实现从A页面切换到B页面，再次切换到A页面时，不会自动跳转到A页面的最顶部，而是停留在A页面原来的浏览位置造成原因：Vue自带一个属性：destroyed（销毁）解决方法：用<keep-alive></keep-alive>进行包裹如下图中最下面所示：有四个可切换的页面：首页（Home.vue）、分类（Category.vue）、购物车（ShopCart.vue）、我的（Profile.vue）第一步、分析造成原因假如在首页（Home.vue）页面里写入代码：// 销

tabControl的吸顶效果一、最终效果????向下滚动中~????????二、项目分析大家肯定想说：直接position:sticky;top:44px;z-index: 9;不就好了嘛，No，这种方式确实可行，但是此项目并非是浏览器原生滚动，而是用的betterScroll滚动，而position: :sticky;在betterScroll里面是没有效果滴该如何实现呢？接下来，又有小可爱说，有啦，最常用滴方法就是：获取到tabControll的offsetTop，然后与bett

一、事件总线和Vuex的区别一、事件总线（EventBus）事件总线是所有组件公用滴事件中心，可以向该中心：发送事件【通过this.$bus.$emit('事件名');】　或　接收事件【通过this.$bus.$on('事件名',() => {})】1、全局事件总线【举例：假如有首页Home.vue、组件Scroll.vue、组件GoodsList.vue、组件GoodsListItem.vue，它们之间的关系被我用一张图展示出来：】第一步、初始化在main.js中进行初始化：

Vue-props传入的类型是一个对象或者数组的时候，这里的默认值必须是一个函数举例：**RecommendView.vue组件调用RecommendView.vue**组件

betterScroll里设置click: true限制谁可以点击，谁不可以点击即：better-scroll 是否必须加click: true,才能实现点击事件分两种情况：1、button标签【蓝色下划线内容】 2、其它标签【绿色下划线内容】

vue-组件无法直接监听点击事件，要想监听到必须添加native修饰符比如：@click.native="backClick"【注意：监听组件的其他方法，也可以通过添加.native修饰符实现】举例：fail：success：

vue里面拿到某个元素滴方法：ref举例：

vue-better-scroll的使用步骤【按这个步骤来，相信我，mei错滴】

6、修改favicon.ico图修改前：修改后：设计favicon.ico的方法：7、给导航部分封装一个组件【补充知识：import时是否需要加大括号{ }】9、给本项目的轮播图封装一个组件下面紫色框框里的内容是从其它地方复制过来的可公用的swiper轮播图组件：本项目的轮播图组件的封装：【下面紫色框框里的内容是对上面紫色框框里的内容的使用】本项目的轮播图组件的使用：...

dsfafa

一、对于创建好的vue新项目的处理步骤1、删除多余的代码2、划分目录结构第一步、第二步、

一、为什么选择axios?【补充：请求地址的两种表达方式：】二、axios网络请求的基本使用步骤例子1、【当有多个axios，且有公共部分的时候，不建议用全局配置，而建议使用以下方法：替代下面这种写法：】例子1对应结果：例子2：【补充：对于axios的写法，下面例子中的各自对应的两种写法是一样滴哟】举例1、axios({ url: 'http://123.207.32.32:8000/home/multidata', method: 'post', //

一、created和mounted的区别

一、路由router的使用二、点击对应tab-bar-item，跳转到对应页面

一、Vue CLI的使用

一、组件数据的存放

一、checkbox多选框(简写)举例：结果：二、修饰符举例：结果：当键盘敲击回车 或者 鼠标失去焦点（即鼠标点击其他位置）后三、注册组件的基本步骤举例：结果：注意：补充：...

代替for循环的高阶函数：filter()、map()、reduce()高阶函数一、for循环二、高阶函数1、高阶函数分开详写2、高阶函数合并简写3、高阶函数合并简写（es6写法）【补充：reduce函数的使用 作用：对数组中所有的内容进行汇总】举例：计算总价格结果：...

v-model可用于 input / textarea

一、push()方法二、pop()方法三、shift()方法四、unshift()方法五、splice()方法六、sort()方法七、reverse()方法

笔记：1、在条件比较少时，v-if、v-else-if、v-else的使用 才推荐2、在条件比较多时，v-if、v-else-if、v-else的使用 不推荐举例：但是，下面这种方法对于条件较多时 更加推荐：

一、const的使用笔记：let定义变量；const定义常量const的注意事项：二、属性的增强写法三、函数的增强写法

笔记：1、计算属性 相当于是属性，所以写到html时，其后面不用加小括号；2、计算属性 给方法取名字时，这里相当于属性名，所以直接用名词，不用动词一、简单操作时：举例：结果：二、复杂操作时：举例：结果：...

注意：白色部分是一个案例

vue小作业1：代码是参考的另外一个博主滴(博主笔记很详细，谢谢啦~)：https://blog.youkuaiyun.com/weixin_43247904/article/details/107550346自己的笔记：1、很重要的一个知识点：v-for里面的 index，一定不要忘记加举例：结果：摘抄于上面优秀的博主的笔记：2、v-bind的语法糖（简写）是 “：”3、v-on的语法糖是“@”4、currentIndex===index作为一个是否恒等的判定表达式，若成立则showRed的

v-bind的基本使用举例:结果：

一、v-text结果：二、v-pre结果：

一、v-once结果：二、v-html结果：

一、v-for举例：结果：附加知识：二、v-on1、简单情况时：2、复杂情况时：结果：

一、vue初体验代码：结果：补充知识：