Add .lazy modifier to the docs and example

Author: simplesmiler

README.md

@@ -45,7 +45,7 @@ From CDN:
 
 ### `focus`
 
-A directive that binds focus to the expression in a one-way manner, so that the element receives focus when the expression becomes `truthy` and loses focus when the expression becomes `falsy`.
+A directive that binds focus to the expression in a one-way manner, so that the element receives focus when the expression is `truthy` and loses focus when the expression is `falsy`.
 
 ``` js
 import { focus } from 'vue-focus';
@@ -61,6 +61,8 @@ export default {
 };
 ```
 
+> NOTE: As opposed to 1.x, in Vue 2.0, directives are updated every time the host component rerenders, not just when the directive expression chages. Somethimes this may be undesirable, especially for the "autofocus" use case. If you want to mimic the 1.x behavior, then add the `.lazy` modifier to the directive, e.g. `v-focus.lazy="true"`.
+
 ### `mixin`
 
 A mixin that makes the `v-focus` directive available to the component under the default name.

examples/index.html

@@ -11,7 +11,7 @@
   <h3><code>Example 1: Autofocus</code></h3>
   <div id="example1">
     <p><label><input type="checkbox" v-model="shown"> Show the field</label></p>
-    <p v-if="shown"><input type="text" v-focus="true"></p>
+    <p v-if="shown"><input type="text" v-focus.lazy="true"></p>
     <p>NOTE: field is focused from the start, and gains focus whenever it enters the DOM.</p>
   </div>