1. bug fix

2. add option "regGlobal"

Author: lsycxyj

README.md

@@ -133,6 +133,14 @@ Vue.use(VueLLazyload, config);
                 By default, it will be set as the "src" attribute of the element.
             </td>
         </tr>
+        <tr>
+            <td>regGlobal</td>
+            <td>Boolean</td>
+            <td>true</td>
+            <td>
+                Whether register the directives and components globally or not.
+            </td>
+        </tr>
     </tobdy>
 </table>    
 [1]: All options should not be changed after they have initialized except for [2].  

demo/src/main.js

@@ -3,7 +3,7 @@ import app from './App'
 import { VueLLazyload } from '../../src/index';
 
 Vue.use(VueLLazyload, {
-	once: false
+	once: false,
 });
 
 new Vue({

dist/main.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-l-lazyload",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A lazyload plugin for Vue.js v2.x+.",
   "main": "dist/main.js",
   "directories": {

dist/main.js.gz

@@ -66,8 +66,7 @@ const Lazy = {
 			};
 		}
 
-		// vnode will be recreated during update, so bind props with real element
-		el._lazyBound = true;
+		vnode._lazyBound = true;
 
 		const vm = vnode.context,
 			refStr = opts.ref;
@@ -76,7 +75,7 @@ const Lazy = {
 		vm.$nextTick(() => {
 			var ref;
 			// Prevent it's unbound before initialization
-			if (el._lazyBound) {
+			if (vnode._lazyBound) {
 				if (refStr) {
 					ref = vm.$refs[refStr];
 					if (!ref) {
@@ -94,20 +93,26 @@ const Lazy = {
 					mergedOpts.parent = $lazy;
 				}
 
-				const loader = el._$lazy = new LazyLoader(mergedOpts);
+				const loader = vnode._$lazy = new LazyLoader(mergedOpts);
 
 				loader.check();
 			}
 		});
 	},
-	componentUpdated(el, binding) {
+	componentUpdated(el, binding, vnode, ovnode) {
 		var opts = binding.value,
 			oOpts = binding.oldValue,
 			nSrc = isStr(opts) ? opts : opts.src,
 			oSrc = isStr(oOpts) ? oOpts : oOpts.src;
 
+		// vnode will be recreated during update
+		if (vnode !== ovnode) {
+			vnode._lazyBound = ovnode._lazyBound;
+			vnode._$lazy = ovnode._$lazy;
+		}
+
 		if (nSrc != oSrc) {
-			const loader = el._$lazy;
+			const loader = vnode._$lazy;
 
 			if (loader) {
 				loader.update({
@@ -117,31 +122,40 @@ const Lazy = {
 		}
 	},
 	unbind(el, binding, vnode) {
-		if (el._lazyBound) {
-			el._lazyBound = false;
+		if (vnode._lazyBound) {
+			vnode._lazyBound = false;
 		}
 
+		console.log(vnode);
+
 		vnode.context.$nextTick(() => {
-			const loader = el._$lazy;
+			const loader = vnode._$lazy;
 			if (loader) {
 				loader.destroy();
-				el._$lazy = null;
+				vnode._$lazy = null;
 			}
 		});
 	},
 };
 
 const VueLLazyload = {
-	install(Vue, options = {}) {
+	install(Vue, options) {
+		const allOpts = {
+			regGlobal: true,
+			...options,
+		};
+
 		LazyLoader = LazyClass(Vue);
 		Vue.$lazy = new LazyLoader({
 			...options,
 			isRoot: true,
 		});
 
-		Vue.directive('lazy', Lazy);
+		if (allOpts.regGlobal) {
+			Vue.directive('lazy', Lazy);
 
-		Vue.component('lazy-ref', LazyRef);
+			Vue.component('lazy-ref', LazyRef);
+		}
 	},
 };
 

package.json

@@ -231,7 +231,7 @@ export function LazyClass(scope) {
 			var i,
 				len;
 
-			me.stat < STAT_LOADED && me.inView() && loadHandler(me);
+			me.stat < STAT_LOADING && me.inView() && loadHandler(me);
 
 			const children = me._children;