适配2.0版本

README.md

@@ -2,16 +2,24 @@
 Vuejs 单页应用在iOS的微信webview(或者其他APP)中 标题不能通过 document.title = xxx 的方式修改
 该插件只为解决该问题而生
 
-### 效果 (请使用微信扫描打开体验)
+### 效果 (请使用微信扫描打开体验) Vuejs1.x实现
 
 ![预览](./preview.png)
 
 直接打开: [http://vue-wechat-title.deboy.cn/](http://vue-wechat-title.deboy.cn/)
 
 ### 安装
 
+> Vuejs 1.x
+
+```bash
+npm install vue-wechat-title@1.0.6 --save
+```
+
+> Vuejs 2.x
+
 ```bash
-npm install vue-wechat-title --save
+npm install vue-wechat-title@2.0.0 --save
 ```
 
 ### 用法 [demo](https://github.com/deboyblog/vue-wechat-title-demo/tree/use-directive)
@@ -26,8 +34,7 @@ Vue.use(require('vue-wechat-title'))
 > App.vue **建议全局只使用一次该指令 标题可用wuex或者router中定义 不要多处使用!!**
 
 ```html
-<router-view v-wechat-title="$route.title || 'your-title'"></router-view>
-<!-- 或者任意元素中加 v-wechat-title 指令 建议将标题放在 route 的定义中 -->
+<!-- 任意元素中加 v-wechat-title 指令 建议将标题放在 route 的定义中 -->
 <div v-wechat-title="$route.title || 'your-title'"></div>
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wechat-title",
-  "version": "1.0.6",
+  "version": "2.0.0",
   "description": "给Vuejs单页应用添加在微信页面中动态设置网页标题功能的指令",
   "main": "vue-wechat-title.js",
   "scripts": {

vue-wechat-title.js

@@ -21,13 +21,8 @@
                 document.body.appendChild(iframe)
             }
         }
-        Vue.directive('wechat-title', {
-            bind: function (title) {
-                setWechatTitle(title)
-            },
-            update: function (newTitle) {
-                setWechatTitle(newTitle)
-            }
+        Vue.directive('wechat-title', function (el, binding) {
+            setWechatTitle(binding.value)
         })
     }