---【vue】
FBm2016
君子终日乾乾,夕惕若厉,无咎
github地址:https://github.com/FBmm
展开
-
vue.js源码为什么用rollup打包
vue1.0.9版本用rollup替换webpack目前,vue2、vue3源码都是rollup打包,为什么?尤大大解释原文:作者:尤雨溪链接:https://www.zhihu.com/question/37861778/answer/73847503rollup 只是用于 Vue 发布文件的构建,对用户使用没有直接影响。之前用 webpack 打包,还是会自带一个小型的动态 module 加载机制,并且每个文件是包在一个模块函数里的。rollup 打包通过重命名 import .原创 2020-11-20 11:14:03 · 628 阅读 · 0 评论 -
element-ui 树形列表 自定义图标
通过 css 替换树形列表收起子节点图标的 content// scss 代码/deep/ .el-table .el-table__expand-icon .el-icon-arrow-right:before { content: "\e6d9";}/deep/ .el-table .el-table__expand-icon--expanded { transform: rotate(0); .el-icon-arrow-right:before { content: "\原创 2020-08-05 19:34:06 · 1531 阅读 · 0 评论 -
Vue源码学习
Vue中的虚拟DOM的作用vue是数据驱动,数据发生变化则需要更新视图如果要更新视图,则必须进行dom操作但是因为浏览器标准把DOM设计的非常复杂(数据结构复杂)所以,频繁的dom操作非常消耗性能因此,虚拟DOM的作用就是提升DOM操作的性能既然要更新视图必须进行DOM操作,那么要提升性能,我们必须减少无效的DOM操作如何提升DOM操作性能?原理:通过对比数据变化,计算只需要更新的地方,用JS的计算换取DOM操作消耗的性能,尽量减少DOM操作实现:通过DOM-Diff算法计算需要更新的虚原创 2020-06-27 23:58:47 · 634 阅读 · 0 评论 -
vue报错 Avoid using non-primitive value as key, use string/number value instead.
问题原因1. v-for 循环时的 key 值是引用类型(对象或者数组)解决<!-- 检查这里的key --><el-option v-for="item in cities" :key="item.id" ...></el-option>3. v-model绑定的值 可能是数组对象或者或数组嵌套数组解决<!-- 检查这里的defaultV...原创 2019-12-09 10:26:14 · 764 阅读 · 0 评论 -
vue报错 Property or method "***" is not defined on the instance but referenced but referenced during.
控制台报错信息Property or method "showData" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components,...原创 2019-12-04 11:16:41 · 11206 阅读 · 0 评论 -
vue + iview项目构建
最近在着手搭建自己的个人博客,确定技术栈为vue + node.js(express)+mysql,所以需要用vue写博客pc端以及后台管理系统页面,而UI组件则是用iview。把自己搭建项目的过程写出来,方便自己查阅,也供大家学习。vue.js官网iviewvue-cli PS:vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resou...原创 2018-06-24 12:58:48 · 35865 阅读 · 9 评论 -
npm run dev :error Expected linebreaks to be 'CRLF' but found 'LF' linebreak-style解决
编辑根目录.eslintrc文件 rules 属性“linebreak-style”属性设为[0,”error”, “windows”]"rules": { "linebreak-style": [0,"error", "windows"],}我的错误截图原创 2018-06-28 19:02:17 · 5885 阅读 · 0 评论 -
vue + element-ui + axios + webpack + mock.js项目构建(简书前端)
vue仿简书博客该项目为vue仿简书前端静态模板,功能:实现登陆,主页,详情等模块;公共:封装header组件,svg-icon加载组件等;解决问题:web基本的布局,静态图标加载,路由,webpack打包,vue组件化等更新日志2019.8.11目前增加Mock实现登陆功能封装了axios拦截器等效果图登陆主页主详情...原创 2019-08-11 22:01:25 · 1290 阅读 · 5 评论