随笔分类 - vue
摘要：解决方案：将包管理工具npm换成yarn 前言：mac运行vue过程中会出现这个让人头疼（尝试多种方法均未成功）的问题 npm管理安装模块依赖的版本不太方便，容易在删除node_modules重新install或在其他机器上新安装时，安装模块的依赖的版本不一致，导致编译后的模块ID或trunkID不
阅读全文
摘要：注意点:在创建项目时,一定要注意名字,可以取 zmztya-ui 第一步:新创建一个demo项目 1/将src变为examples 2/添加一个packages文件,用于存放控件,然后fonts也放入其中 第二步: 添加vue.config.js const { resolve } = requir
阅读全文
摘要：vue3新特性1/数据响应式原理重新实现(ES6 proxy 代替了ES5的Object.defineProperty) Vue.set() 解决了:例如数据更新检测bug vue2的push,shift 不是原生js的方法,vue二次封装了 大大优化了响应式监听的性能(可以监听复杂的数据类型)2.
阅读全文
摘要：参考地址 https://forum.vuejs.org/t/vue-router-3-0-1-router-addroutes/33181/20 https://blog.csdn.net/qq_41912398/article/details/109231418 vue路由守卫next()/ne
阅读全文
摘要：参考文章地址:https://mp.weixin.qq.com/s/cVYtYWOB2mie-bjZmSw9AQ
阅读全文
摘要：看到这的时候真的很蒙蔽,天呐,这是啥,没见过呀,怎么办,怎么学习,好烦,看不下去了.但是,当静下心来去查资料,去敲案例时,原来可以这么简单 回顾: 1.写组件时,会常常遇到父组件的数据传递给子组件,有时也需要子组件去触发父组件的事件,有以下三种解决办法: (1)通过props的方式向子组件传递,$e
阅读全文
摘要：vue全家桶 vue vue-router axios vuex 什么是vue? 渐进式javascript框架 学习vue需要引入四个文件 vue.min.js 写一个简单的demo <div id="box"> <p>iPad</p> <p>单价: {{ price }}</p> <p>库存:
阅读全文
摘要：svg是一种基于XML语法的图像格式,全称是可缩放矢量图(scalable vector Graphics),本质是文本文件,体积较小,放多大都不会失真. svg使用过吗? 方式一:项目小,只有几个时,svg标签直接用来设置 方式二:由于项目中比较大时,
阅读全文
摘要：第一步:从官网上下载msi安装包开始安装 第二步: 到了这一步,不要勾选 install mongoDB compass (勾选后就需要很长时间去下载视图界面) 遇到报这种错该怎么解决? 注意:千万别关闭,若关闭了就请卸载,然后删除相关文件夹即可. 查找了好多资料,但是比较靠谱的简单操作: 1.电脑
阅读全文
摘要：正向代理隐藏真实客户端，反向代理隐藏真实服务端 浏览器:有一个安全策略. 浏览器请求的协议端口域名,三者必须一样,只要一项不一致,就会跨域 浏览器有安全策略,有跨域问题,但是服务器之间没有跨域问题 跨域有以下几个办法: 1.jsonp (只能get请求,js的src属性) 2.cors(后端) 3.
阅读全文
摘要：在vscode 的右下角 有一个eslint 可以控制 在vscode保存时对代码格式化存在的因素: 第一个因素:存在vscode插件的原因 第二个因素: 查看代码是否符合standar规范: https://standardjs.com/rules-zhcn.html 查看具体细则:https:/
阅读全文
摘要：vuex是一个专为vue.js应用程序开发的状态管理模式,并附带了更多以的概念和框架,需要对短期和长期效益进行权衡 vuex的优点:方便的解决多组件的共享状态 他是独立于组件而单独存在的,所有的组件都可以把它当做一座桥梁来进行通讯 特点: 响应式的,只要数据修改了 ,所有用到该数据的地方,自动更新(
阅读全文
摘要：1.样式没有出现的原因: (1)<style scoped lang='less'> // 在lang上一定要写less (2)代码写错 2.Parsing error: x-invalid-end-tag vue/no-parsing-error 1.可能存在每个组件template只能有一个di
阅读全文
摘要：一. vuecli 之 脚手架的介绍和安装(vue3.x创建vue2.x项目) 二.VueCLI3创建项目和目录结构与配置信息详解 初始化项目 vue create demo 选项 ? Please pick a preset: (Use arrow keys) Default ([Vue 2] b
阅读全文
摘要：一.匿名插槽 在这个案例里面的分析 1.插槽可以很方便的替换内容 2.在app.vue中child组件内可以使用app中data的数据 child.vue <template> <div> <a :href="myUrl"> <slot></slot> </a> </div> </template>
阅读全文
摘要：一.动态组件 原理: 过程一: 每次进行组件间的切换时,Vue都创建了一个新的组件实例,同时存在销毁过程 过程二:为了避免过程一每次进行销毁重建的问题,那么可以通过 keep-alive 来处理 语法: <component v-bind:is="currentTabComponent"></com
阅读全文
摘要：官方说明:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM 疑问： DOM 更新循环是指什么？ 下次更新循环是什么时候？ 修改数据之后使用，是加快了数据更新进度吗？ 在什么情况下要用到？ 原理 vue的响应式并不是数据发生变化之后DOM立即变化,而是
阅读全文
摘要：一.父传子 传递: 通过在子组件:属性 = 变量 来传递 接收:在子控件内部,props 来接收 第一种:传递基本数据类型 问题:不能直接被用作子组件的v-model双向绑定的变量,否则报错 解决:可以在data中定一个新的变量,把这个值给这个新的变量 第二种:传递对象Object 问题:可以将ob
阅读全文
