Loading...
前言在工作中，我们经常使用element-ui、iview等一系列组件库。久而久之，我自己也在想可不可以开发一个属于自己的组件库，并且到时候直接npm install xxx 之后就可以直接安装引入使用。本文旨在分享前端萌新自己的vue组件的搭建和发布到npm上的流程。如有错误，请大佬们指出，一起交流。vue项目初始化1. 创建vue项目vue create project-name2. 将...
Vue3中新增了几种创建响应式数据的方法，其各自的作用当然也不尽相同，每一种方法都有其自己的应用场景，今天我们来聊聊什么是ref toRef和toRefs？三者在使用方式上有什么不同？最佳的使用方式是什么？一、基础1.ref(1) 生成值类型的响应式数据, 通过 .value修改值<template> <div>{{ ageRef }}</div>...
前言我们在用vue进行开发的时候，虽然模板是vue开发中最常用的部分，但是大多数人对他可能不是很了解，今天我们就一起来探讨以下，模板是什么？模板是如何编译的？编译模板是什么？模板不是html，模板有表达式、插值、能实现判断、循环html是标签语言，只有js代码才能实现判断、循环因此，模板一定是转换为某种js代码，即编译模板编译模板的过程？1. vue-template-compilervue...
前言在上一篇文章vue2 响应式之Object.defineProperty中，我们知道了vue2是通过Object.defineProperty这个API来实现响应式的。 那么， 为什么vue3要使用proxy来替代Object.defineProperty？ 就像上一篇中讲到的，vue2.x基于Object.defineProperty的实现，存在很多缺点：一次性递归计算量大、无法新增/...
1.前言 在日常的开发中，在data中定义的数据，可以在template中用{{}}在视图中显示，如下图所示 我们加个按钮，在test后面追加“--test”，看看页面是否会改变2.Object.defineProperty 从上面可以看出，通过修改data中的数据来改变页面渲染的内容，那vue中内部是怎样实现这种相应式的功能的呢？ 在这之前，我们先来看一下O...