![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 50
codding小仙女
这个作者很懒,什么都没留下…
展开
-
vue3知识点
1.vue3优点优化了性能,加快了渲染更新速度,通过tree-shaking减少体积更完美的响应式机制更优良的内部模块解耦更自由的编码方式更完美的 typescript 支持打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shakingvue3可以更好的支持TypeScript1.composition API(组合API)setup配置ref与reactivewatch与wat原创 2022-06-06 11:06:37 · 412 阅读 · 0 评论 -
前端面试题
原型:prototype,函数特有。原型链:_proto _=> [[prototype]](谷歌浏览器改版显示),对象数组都有。实例属性查找原则:先从当前实例属性去寻找,如果有就返回,否则顺着原型链一层一层往上找;直到找到null,如果没找到就报错。hasOwnProperty()判断是否是私有属性,调用方式:2.防抖与节流防抖:固定时间内,事件处理函数只执行一次。应用场景:页面resize事件。节流:一定时间内多个事件合为一个。应用场景:提交表单、高频监听事件。相同点:都是为了防止统一内多次执行事原创 2022-05-05 17:07:03 · 46 阅读 · 0 评论 -
vue组件通信
vue组件通信原创 2022-02-23 10:56:30 · 84 阅读 · 0 评论 -
vue中watch、computed、methods区别
1.watch侦听器用于观察和监听页面上的vue实例,当需要在数据变化时执行异步或开销较大的操作时可使用,需要在data()先定义。执行顺序:beforeCreate-watch-created。watch: { firstName: function (newVal,oldVal) { console.log("第一次没有执行"); this.fullName = newVal + "·" + this.lastName; }, lastName:原创 2021-12-11 19:29:42 · 120 阅读 · 0 评论 -
vue碰到的问题及解决方案
1.跨域请求(1)解决方案一:nginx配置跨域。(2)解决方案二:vue配置跨域proxy: { '/api': { target: process.env.VUE_APP_API_URL, changOrigin: true, // 允许跨域 pathRewrite: { '^/api': '' } }}// 创建axios实例const service = axios.create({ baseURL: '/api',.原创 2021-05-14 20:34:06 · 487 阅读 · 0 评论 -
开发注意事项
1.空页面2.文字换行word-break: break-word;3.字体font-family: "PingFang SC","Microsoft Yahei","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;4.h5禁止用户缩放<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scal原创 2021-05-14 16:45:52 · 43 阅读 · 0 评论 -
搭建vue环境
搭建vue环境1.安装node.jsnodejs在D:\node,设置依赖包也安装在D盘(1)在cmd运行命令:npm config set prefix "D:\nodejs\node_global"npm config set cache "D:\nodejs\node_cache"(2)设置环境变量:用户变量:PATH D:\nodejs\node_global系统变量:NODE_PATH D:\nodejs\node_global2.安装cnpmnpm install -g..原创 2021-05-05 16:51:43 · 50 阅读 · 0 评论