gmh1118的博客

Vue方法Vue.component(name,obj|function) 全局注册Vue.minin(obj) 全局混入Vue.extend(options) 扩展，可以合并参数，类似混入Vue.directive(name,obj) 注册全局自定义指令Vue.filter(name,function) 全局注册过滤器Vue.use(plugin) 全局使用插件Vue.set(obj,key,value) 添加响应式数据Vue.nextTick(callback) 在下一次DOM更新循环结

Vue生命周期new Vue()实例化vue对象Init初始化事件和生命周期beforeCreate（可以加载动画）组件实例刚被创建，还没有实例化之前，执行一些初始化的操作未初始化this.$el undefinedthis.$data undefinedcreated（可以结束加载动画，发起异步网络请求）组件实例创建完成，属性已经绑定，但是DOM还没有生成，$el属性不存在，页面未被展示完成了data的初始化this.$el undefined

domdiffindex.js整合所有方法，并导出h：将一个节点渲染为一个虚拟dom节点render：更具虚拟dom节点创建真实动漫节点，并添加到盒子中去patch：新老元素比对import h from './h';import {render,patch} from './patch';export { h, render, patch}vnode.jsexport default function vnode(type,key,props,children,te

MVVM实现效果源码/**U/** * 3. 当数据更新时，视图更新 * 原理：给数据绑定观察者，订阅观察者，发布观察者数据更新 * 实现步骤： * 1. 通过给视图中的数据绑定watcher观察者；（观察者实现功能：提供数据获取和数据更新的方法，在获取数据时订阅watcher，在设置数据时发布watcher的updater） * 2. 写一个用于发布订阅watcher的方法 * 3. 在观察者中获取值时，触发数据劫持获取，给数据订阅watcher * 4

vue响应式原理(源码)vue2//vue2.0响应式原理//4. 实现对数组数据的更新let oldProto = Array.prototype;let proto = Object.create(oldProto);["push","shift","unshift"].forEach(item =>{//函数劫持：把Array原型上的函数劫持过来，//（push、shift、unshift方法虽然执行的是Array.prototype上的方法，但是他们指向proto了而不会指向

参考：https://www.jianshu.com/p/e073909239edvue3.0新特性在main.js中通过引入createApp方法来创建vue实例【vue2】import Vue from 'vue'import App from './App.vue'new Vue({ render: h => h(App),}).$mount('#app')【vue3】import { createApp } from 'vue'import App from

通过vue-cli创建一个项目npm install vue-cli -g 安装vue-clivue create cube-ui-project 创建项目vue init webpack cube-ui-project 初始化yarn serve 或 npm run serve 启服务配置一些选项这样就在文件中创建了一个cube-ui-project项目，在这个项目中：- build # webpack配置文件- config # vue项目配置文件- node_modul.

Vuevue是声明式编程，不是命令式编程vue实例创建一个Vue实例创建一个Vue实例 var vm = new Vue({});一个vue应用由2部分组成： 1. new Vue创建根Vue实例 2. 可选的、嵌套的、可复用的组件树 例：todo应用组件树： 根实例 └─ TodoList ├─ TodoItem │ ├─ TodoButtonDelete │ └─ TodoButtonEdit └─ T