当前位置: 首页 > Web前端 > vue.js

21天完善Vue框架技术(第一天)

时间:2023-03-31 17:05:31 vue.js

1.Vue本质上是一个构造函数,只能通过newfunctionVue(options){//保证不能直接通过Vue()调用,只能通过newif(!(thisinstanceofVue)创建实例){warn('Vue是一个构造函数,应该使用`new`关键字调用');}this._init(options);}returnVue;2、Vue有5个原型属性和方法init方法(内部方法):initMixin(Vue)数据相关:stateMixin(Vue)事件相关:eventsMixin(Vue)生命周期相关:lifecycleMixin(Vue)渲染相关:renderMixin(Vue)3.Vue配置方法的静态属性和方法:Vue.config()内部工具方法:Vue.util()Vue.set()Vue.delet()Vue.nextTick()Vue.use()Vue.mixin()Extended子类构造函数:Vue.extend()默认选项:Vue.components、Vue.directive、Vue.filter4、Vue构造函数默认选项Vue默认选项会保留在静态options属性上,有4个默认选项:components:组件,如keepAlive,transition,transitionGroup'sbuilt-incomponentsdirective:指令,如v-model,v-show等filter:过滤器,无默认值_base:返回自己的构造函数,即Vue.options._base=Vue;5.实例化Vue的核心操作是执行原型上的_init方法进行初始化。初始化包括:选项合并配置、初始化生命周期、初始化事件、初始化数据等,第一步也是非常关键的一步就是选项的组合。选项合并的本质是将用户传递过来的选项和Vue构造函数本身的选项配置进行合并。6、在合并选项的过程中,需要在注册组件时做标准验证组件标准检查,例如:组件名称不能使用HTML保留标签(如:img、p),不能包含非法字符等。props规范检查数组形式{props:['a','b','c']},object形式{props:{a:{type:'String',default:'propcheck'}}}两种形式最终会被转换成对象的形式。注入规范检查依赖注入检查。Provide/inject是一对组合。作用是后代可以访问父代注入的数据/方法。指令规范检查使用指令时的检查,vue提供了五个钩子函数bind、inserted、update、componentUpdated、unbind7、子类构造器Vue提供了一个Vue.extend静态方法,它在Vue基本构造器的基础上创建了一个“子类”,以及子类传递给父类的选项配置会和父类的选项配置合并。