Nicole99618的博客

真实DOM和虚拟DOM的区别虚拟DOM是当下两个主流框架vue和react使用到的技术，它到底有什么优缺点可以让两大主流框架所青睐呢？在了解虚拟DOM之前，我们先了解什么是DOMDOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API。DOM 是载入到浏览器中的文档模型，以节点树的形式来表现文档，每个节点代表文档的构成部分（例如:页面元素、字符串或注释等等）。上面的解释来源于mdn，看起来很高大上，也很难懂？嗯，官方文档嘛，总

使用require提示 require不属于import语句ESLint: Require statement not part of import statement.(@typescript-eslint/no-var-requires)解决办法在.eslintrc.js中的rules属性中加入rules: { '@typescript-eslint/no-var-requires': 0 },...

众所周知vue最大特点就是双向绑定，这样就可以做到属性更新，页面也随之更新，但是这个特点好用是好用，但是却不适合在父子组件之间，例如子组件无法更改prop，但是有时候，我们却不得不更改prop，怎么办呢？.sync修饰符就完美的解决了这个问题。举个例子：父元素传一个值n给子元素，子元素点击一个n-100的按钮，怎样才能使得父元素的值n也随之更改？（子组件无法修改父组件的值，不使用引用）解决思路：子元素通过$emit(‘update:n’, n - 100)触发事件update:n，并传参n-100

computed和watch都是用于观察data的数据变化的选项。那它们的主要区别是什么呢？computedcomputed用于计算属性值成员中可以只定义一个函数作为只读属性，也定义成一个get和set作为读写属性new Vue({ data: { a: 1 }, computed: { // 仅读取 aDouble: function () { return this.a * 2 }, // 读取和设置 aPlus: {

什么是Vue数据响应式？首先我们要知道什么是响应，举个例子，西瓜和石头一起砸头，哪个会更疼？好家伙，那肯定是头呀，好了回归正题，头被砸了，那么疼就是你给的响应，那么什么是数据响应呢？那当然是修改数据后给出的回应。Vue就是利用了这么特点，在数据更新的时候，就进行视图更新。下面将用代码展示以下什么是数据响应式。<div id="app"> {{n}} <button @click="add">+1</button> </div>new

vue完整版和非完整版的区别就是有没有编译器（compiler）由于非完整版的没有编译器，所以体积要小30%左右非完整版没有编译器，代码不能直接转化为JavaScript，所以只能写在render函数中，有编译器的则可以直接写在html和template中//有编译器new Vue({ template: '<div>{{ hi }}</div>'})//无编译器new Vue({ render (h) { return h('div', this.