v-model原理
v-model即可以作用于表单元素,又可作用于自定义组件,无论是哪一种情况,它都是一个语法糖,最终会生成一个属性和一个事件 当其作用于表单元素时,vue会根据作用的表单元素类型而生成合适的属性和事件。例如,作用于普通文本框的时候,它会生成value属性和input事件,而当其作用于单选框或多选框时,
keep-alive
keep-alive组件是vue的内置组件,用于缓存内部组件实例。这样做的目的在于,keep-alive内部的组件切回时,不用重新创建组件实例,而直接使用缓存中的实例,一方面能够避免创建组件带来的开销,另一方面可以保留组件的状态。 keep-alive具有include和exclude属性,通过它们
前端将表格导出为excel
利用插件将table导出为excel 下载对应插件 xlsx、file-saver npm install --save xlsx file-saver 注:下载的时候如果下载不动,可更换npm的镜像源 官
MongoDB数据库的简单使用
首先先去官网安装MongoDB,个人学习使用安装社区版就行了,社区版是免费使用的 下载地址 https://www.mongodb.com/try/download/community 下载完成后进行安装,注意&
vue双向绑定
vue数据双向绑定 想要知道vue的双向绑定,我们需要从vue的实例创建说起 首先vue会将vue文件解析,生产抽象语法树。 然后会运行一次render函数 然后数据进行初始化 初始化期间会将data中的属性利用属性描述符进行递归遍历,生成对应的数据劫持 这也是为什么如果属性没有写在data中,就必
vue组件性能优化的几种方式
使用key 对于通过循环生成的列表,应给每个列表项一个稳定且唯一的key,这有利于在列表变动时,尽量少的删除、新增、改动元素 使用冻结的对象 冻结的对象不会被响应化 使用函数式组件 参见函数式组件 使用计算属性 如果模板中某个数据会使用多次,并且该数据是通过计算得到的,使用计算属性以缓存它们 非实时
对vue虚拟dom的理解
什么是虚拟dom? 虚拟dom本质上就是一个普通的JS对象,用于描述视图的界面结构 在vue中,每个组件都有一个render函数,每个render函数都会返回一个虚拟dom树,这也就意味着每个组件都对应一棵虚拟DOM树 为什么需要虚拟dom? 在vue中,渲染视图会调用render函数,这种渲染不仅
前端Number类型数据值过大导致精度问题丢失问题
在开发中,后端返回是一个JSON字符串,其中自动生成的id为Number类型,当我进行JSON.parse进行对象转换时,id的精度丢失了,后几位变为了0 l
vscode官网下载很慢甚至直接下载失败
复制官网下载链接,如: https://az764295.vo.msecnd.net/stable/ee2b180d582a7f601fa6ecfdad8d9fd269ab1884/VSCodeUserSetup-x64-1.76.2.exe 将连接域名(https://az764295.vo.ms
vue项目打包成exe程序
如何将vue项目打包成exe程序 1.clone打包项目模板,我用的是electron-quick-start(目录中不可以有中文路径,否则打包会报错) gitHub地址 git clone https://github.com/electron/electron-quick-start.git