娃哈哈_的博客

文章目录前言一、创建项目二、编写组件1.button组件2.引入字体图标icon文件3.引入Button组件看效果三、修改目录结构1. packages文件夹2. 打包修改2. demo展示四、将UI库部署到npm上五、项目使用自己的UI库总结前言github：https://github.com/Dream-wu/mj-ui知识基础：vue基础语法、过渡与动画处理组件思想vue-cli项目结构npm发布流程一、创建项目# CLI (@vue/cli) 是一个全局安装的 npm

系列文章目录vue源码学习——初始化datavue源码学习——响应式数据文章目录系列文章目录前言一、源码位置二、源码分析1.几个重要参数2.创建与销毁3、渲染3.1主要做了什么3.2 LRU（Least Recently Used ）附完整源码前言在《vue keep-alive 缓存 不生效解决方案》已经介绍了vue keep-alive的使用经验，这节主要介绍源码实现部分一、源码位置src/core/components/keep-alive.js二、源码分析1.几个重要参数

Vue3在2020年正式推出，在源码和API都有显著变化。最近初步整理了一下vue2和vue3版本的区别：欢迎各位同行留言补充~

系列文章目录vue源码学习——初始化datavue源码学习——响应式数据文章目录系列文章目录前言一、Vue的模板语法二、Vue的$mount三、compiler主要文件四、compile过程1、parse2、optimize3、generate总结前言在vue中，我们一直使用的是template模板，而不是真正的html，所以我们才能在template模板中使用各种指令v-if，{{}}表达式等。但最终template需要经过编译过程，转化为真正的html语言，才能渲染成我们的页面~一、

系列文章目录vue源码学习——初始化datavue源码学习——响应式数据文章目录系列文章目录前言一、observe()二、Observer类三、Dep类三、Watcher总结前言在《vue源码学习——初始化data》一文中，知道了在new Vue()时做了一系列初始化操作，其中在初始化data数据时，利用observe(data,true)方法，对数据属性进行了观察。下面来具体看下是如何对data进行的观察~一、observe()export function observe (val

系列文章目录vue源码学习——初始化data文章目录系列文章目录前言一、Vue的初始化二、initData总结前言在创建vue实例时，我们传入了option参数，包含data,methods,props等，今天我们来看下如何初始化data，为学习vue数据驱动做铺垫（v2.6.0）。一、Vue的初始化src/core/instance/index.js中：function Vue (options) { if (process.env.NODE_ENV !== 'productio

系列文章目录1、vue-router源码解析（一）2、vue-router源码解析（二） —— install3、vue-router源码解析（三） —— History文章目录系列文章目录前言一、index.js中的History初始化二、History目录1、base.js2、hash.js3、html5.js4、abstract.js总结前言上一篇简单介绍了下vue-router的挂载过程，本篇详细解析下VueRoute的三种路由模式~一、index.js中的History初

系列文章目录1、vue-router源码解析（一）2、vue-router源码解析（二） —— install文章目录系列文章目录前言一、index.js中的install二、install.js总结前言上一篇简单介绍了下vue-router的源码大体思路框架，本篇详细解析下VueRouter是如何安装挂载的~一、index.js中的installVueRouter 对象是在 src/index.js 中暴露出来的，它有一个静态的 install 方法：// index.js//

系列文章目录1、vue-router源码解析（一）文章目录系列文章目录前言一、vue-router的常用方法二、源码src目录三、源码思维导图总结前言vue-router是Vue.js 官方的路由管理器。一、vue-router的常用方法// 1、引入vue-routerimport Router from 'vue-router'// 2、通过全局方法 Vue.use() 使用插件Vue.use(Router)// 3、创建router对象const createRou

问题描述：vue项目，启动项目时，报错如下："Error: No valid exports main found for '/Users/work/company_fc/a/node_modules/colorette'"原因分析：Node版本可能不对解决方案：当前Node默认版本是13.3.0。切换到12.14.1版本， 启动正常。nvm use 12.14.1...

作用 vue 【缓存】方案，保留组件状态或避免重新渲染，能够缓存当前页面的所有数据用法与**【动态组件】**一起使用：（会缓存不活动的组件实例，而不是销毁它们）<keep-alive> <component :is="view"></component></keep-alive>与**【vue-router】**一起用：<keep-alive> <router-view></router-vi

1、计算属性和方法的区别参考官方回答：https://cn.vuejs.org/v2/guide/computed.html2、父组件访问子组件实例的方法 vm.$children——不保证顺序，也不是响应式的 vm.$slots——用来访问被插槽分发的内容。每个具名插槽 有其相应的属性 (例如：slot=&quot;foo&quot; 中的内容将会在 vm.$slots.foo 中被找到)。defa...

1、params设置在路由里面：/home/:id =&amp;gt; this.$route.params.id;页面刷新后可以保留params参数也可不设置在路由里面：this.$router.push({name:‘首页’, params:{id:123&quot;})必须用name跳转页面刷新后无法保留params参数，那依赖这个参数的http请求或者其他操作可能就会失败。2、qu...