2019年12月_zxuanxuanz

原创深入浅出vue.js----生命周期---初始化实例属性、事件

一、初始化实例属性（1）在Vue.js的整个生命周期中，初始化实例属性是第一步。（2）需要实例化的属性既有Vue.js内部需要用到的属性（如vm._watcher），也有提供给外部使用的属性（例如vm.$parent）。（3）以$开发的属性是提供给用户使用的外部属性，以_开头的属性是提供给内部使用的内部属性。（4）Vue.js通过initLifecycle函数向实例中挂载属性，该函...

2019-12-30 16:59:13 1430

原创深入浅出vue.js----生命周期篇幅一

一、概述（1）每个Vue.js实例在创建时都要经过一系列初始化，例如设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。（2）同时，也会运行一些叫作生命周期钩子的函数，只给在不同阶段添加自定义代码的机会。二、生命周期图示Vue.js生命周期可以分为4个阶段：初始化阶段、模板编译阶段、挂载阶段、卸载阶段。初始化阶段（1）new Vue（）到cr...

2019-12-27 15:16:17 580

原创深入浅出vue.js---全局API的实现原理----Vue.use、Vue.minxin、Vue.compile、Vue.version

一、Vue.useVue.use(plugin);（1）参数{ Object | Function }plugin（2）用法安装Vue.js插件。如果插件是一个对象，必须提供install方法。如果插件是一个函数，它会被作为install方法。调用install方法时，会将Vue作为参数传入。install方法被同一个插件多次调用时，插件也只会被安装一次。（3）作用...

2019-12-26 11:54:33 565

原创深入浅出vue.js---全局API的实现原理----Vue.directive、Vue.filter、Vue.component

一、Vue.directiveVue.directive(id,[definition]);（1）参数{string }id { Function | Object } [definition ]（2）用法注册或获取全局指令。Vue.directive('my-directive',{ bind:function(){}, ...

2019-12-25 16:34:59 630

原创深入浅出vue.js---全局API的实现原理----Vue.nextTick、Vue.set、Vue.delete

一、Vue.nextTickVue.nextTick([callback,context]);（1）参数{ Function } [callback] { Object } [context]（2）用法在下次DOM更新渲染结束之后执行延迟回调，修改数据之后立即使用这个方法获取更新后的DOM。（3）示例vm.msg = 'Hel...

2019-12-24 17:31:21 292

原创深入浅出vue.js---全局API的实现原理----Vue.extend

一、Vue.extendVue.extend( optons );（1）参数{object }options（2）用法使用基础Vue构造器创建一个“子类”，其参数是一个包含“组件选项”的对象。data选项是特例，在Vue.extend（）中，它必须是函数。<div id="mount-point"></div><!-- 创建构造器 -...

2019-12-24 17:04:48 973

原创深入浅出vue.js----实例方法与全局API的实现原理---生命周期相关的实例方法-vm.$mount

一、概述（1）不常用该方法，原因是如果在实例化Vue.js时设置了el选项，会自动把Vue.js实例挂载到DOM元素上。（2）但是，无论我们在实例化Vue.js时是否设置了el选项，想让Vue.js实例具有关联的DOM元素，只有使用vm.$mount方法这一途径。二、使用方式 vm.$mount( [elementOrSelecotr] )（1）参数{ Element }...

2019-12-23 16:05:23 344

原创前端JS和APP交互

在APP中嵌入H5时，往往需要进行交互，此时就需要用到JS交互。一、从前端调用APP的方法（1）与Android交互window.Android开发人员定义的对象名.Android开发人员定义的方法名();例如： window.android.open();（2）与IOS交互window.webkit.messageHandlers.ios开发人员定义的方法名.post...

2019-12-18 14:56:19 3989

原创深入浅出vue.js----实例方法与全局API的实现原理---生命周期相关的实例方法-vm.$nextTick

一、vm.$nextTick（1）nextTick接收一个回调函数作为参数，它的作用是将回调延迟到下次DOM更新周期之后执行。（2）它与全局Vue.nextTick一样，不同是是回调的this自动绑定到调用它的实例上。（3）如果没有提供回调且在支持Promise的环境中，则返回一个Promise。（4）在Vue.js中，当状态发生改变时，watcher会得到通知，然后触发虚拟DOM...

2019-12-04 17:35:58 258

xuan的博客