一只向上爬的小蜗牛

摘要： 深浅拷贝： 内存中一共分为栈内存和堆内存两大区域，所谓深浅拷贝主要是对js引用类型数据进行拷贝一份；浅拷贝就是引用类型数据赋值之后，例obj1=obj2 如果后面的操作中修改obj1对象obj2也会改变，因为在内存中引用数据类型，名字存在栈内存中，值存在堆内存中，但是栈内存会提供一个引用的地址指向堆 阅读全文

摘要： JavaScript代码是由浏览器中的JavaScript解析器来执行的，JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。 1.我们js引擎运行js 分为两步 预解析 代码执行 （1）预解析js引擎会把js里面所有的var function 提升到当前作用域 阅读全文

摘要： teleport是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去，最常见的例子就是模态框。 <template> <div> <!-- 弹窗 --> <myModal></myModal> </div> </template> <script> impor 阅读全文

摘要： provide/inject 适用于跨级通信，例如在父组件中改变值，在孙组件中通过依赖注入的方式能获取到父组件中改变的这个值 一、父组件 <template> <div> <!-- 子组件 --> <son></son> <button @click="changeName">改变名字</butto 阅读全文

摘要： 一、父组件 <template> <div> <h2>我是父组件</h2> <div>counter:{{ counter }}</div> <button @click="callChildFun">调用子组件方法</button> <children :message="message" @ch 阅读全文

摘要： <template> <div> msg:{{ msg }} <br /> reverseMsg:{{ reverseMsg }} </div> </template> <script> import { ref, computed } from "vue"; export default { se 阅读全文

摘要： <template> <div> {{ counter }} <button @click="changeCounter">改变counter</button> <br /> {{ user.name }} <button @click="changeUserName">改变名字</button> 阅读全文

摘要： <template> <div> {{ obj.name }} {{ name }} <button @click="changeObjName">改变名字</button> </div> </template> <script> import { reactive, toRefs } from " 阅读全文

摘要： <template> <div> <!-- 模板会自动解析value值 --> {{ counter }} <button @click="changeCounter">改变counter</button> </div> </template> <script> import { ref } fro 阅读全文

摘要： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 下面举个改变用户名的例子来实现上面的流程图： index.vue <template> <div> userName: <span>{ 阅读全文