摘要：
注：Vue3中已废弃filter 过滤器常用于文本的格式化 例如：helloworld >> Hello World 过滤器可以用在两个地方：{{ 插值表达式 }}和 v-bind 属性绑定 过滤器定义： 阅读全文
摘要：
webpack是前端项目工程化的具体解决方案。 主要解决了以下问题： 代码压缩混淆、处理浏览器端JS代码兼容、性能优化等等 下面用一个例子，用webpack打包的方式解决浏览器对ES6语法的兼容问题~ 第一步：初始化包管理配置文件 npm init -y 第二步：创建源代码目录 src （固定的） 阅读全文
摘要：
async和await是Promise嵌套的语法糖 不需要then（）就能取得异步函数的结果 async和await必须配套使用 举例：【没有async和await的情况】 function fn() { let r =new Promise((res, rej) => { let obj={ ag 阅读全文
摘要：
在ES6模块化出现之前， 浏览器端一般使用AMD、CMD模块化规范； 服务器端一般使用CommonJS模块化规范； ES6相当于把各种规范进行统一，同时适用于浏览器端和服务器端 ES6模块化规范： 1、每个js文件都是一个独立模块 2、导入其他模块，使用 import 关键字 3、向外共享模块成员， 阅读全文
摘要：
1、进入网站：iconfont-阿里巴巴矢量图标库 2、点击“我的项目” 3、新建项目 以上，准备工作完毕~ 4、开始选择所需图标，放入购物车 想要的都加入 5、把购物车里的图标都加入之前创建的项目 6、再点开“我的项目” 下载 7、下载下来的文件 把框选的复制到项目中 8、开始使用 注：如果是un 阅读全文
摘要：
学习 不管怎样，为了不被社会淘汰，不断学习就是一件必须的事情 特别是，如果到了35岁，自己还是一名技术平平的程序员，那就真的是危机了 所以，必须逼迫自己学习起来 定个目标吧： 1、学习数据分析 2、成为全栈工程师 为了激励自己一定要学习，我都是买的付费课程，这还不学，就该心疼了~~ 至于为什么要学习 阅读全文
摘要：
1、下载调试工具 地址：Vue Devtools_5.3.4_chrome扩展插件下载_极简插件 (zzzmh.cn) 2、解压 3、打开chrome浏览器，把上一步解压出来的文件拖入 chrome://extensions/ 4、看到有如下标记就是成功了 5、如果有报错如下 Vue.js is d 阅读全文
摘要：
1、第一种方法：借助共同的父组件通信 父组件 <template> <div> <PageA @cut="cut_father" @add="add_father"></PageA> <hr> <PageB :total="count"></PageB> </div> </template> <sc 阅读全文
摘要：
1、所有你需要实现响应式更新的属性，都必须在data对象上存在才能实时更新 2、在对象上添加本没有的属性，并改变该属性，不会被响应 例如：上面的例子中，this.obj.phoneNumber='15467893526' 不会更新 解决办法：this.$set(this.obj,'phoneNumb 阅读全文
摘要：
1、官网定义： v-model指令 在表单input，textarea及select元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 v-model本质上是语法糖，它负责监听用户的输入事件以更新数据。 <template> <div> <div>v-model一般使用方式：</ 阅读全文