Ma_programmer的博客

Vue采用MVVM模型，（Model-View-ViewModel）模型→视图 用数据绑定实现 视图→模型 用dom事件监听实现模型 ←→ 视图 就是数据双向绑定，通过viewModel实现数据绑定：用object.defineProperty的set/get 实现对数据的操作，数组的监听需要通过重写数组的方法，返回一个新的数组给数据，才能实现监听DOM事件监听：监听事件的变化，调用事件的回调函数，向订阅者发送消息，执行操作。Mo...

区分静动态节点，只遍历动态2.0在虚拟DOM渲染时，会遍历所有的标签，不管是动态的还是静态的（虚拟DOM一般采用键值对对象来保存元素的属性和内容），当内容发生改变时，遍历虚拟DOM来找到对应的DOM节点，并改变其内容。3.0在此基础上做出优化，3.0会标记静态和动态节点，在遍历更新时只会更新动态的，而不会遍历静态节点缓存绑定事件函数，不会二次创建，而是直接调用2.0在绑定事件的时候每次触发都会生成全新的function，然后执行函数的操作。...

新增组件<teleport>：任意传送门作用：teleport是一种能够将我们的模板移动到DOM中Vue app之外的其他位置的技术。 解决问题：如果我们嵌套在 Vue 的某个组件内部，那么处理嵌套组件的定位、z-index 和样式就会变得很困难。使用Teleport就可以方便的解决组件间 css 层级问题。 写法：<teleportto="body"> //to后面跟父组件名称或id <p>Hello,I'mateleport...

新安装方式npm install -g @vue/cli vue create my-project npm install @vue/composition-api --save main.js文件中 import composition-api from ‘composition-api’ Vue.use(composition-api)新Api(composition-api)setup(props , context)setup() 函数为API提供了...