{"action":"opened","issue":{"url":"https://api.github.com/repos/vuejs/vue-validator/issues/109","labels_url":"https://api.github.com/repos/vuejs/vue-validator/issues/109/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue-validator/issues/109/comments","events_url":"https://api.github.com/repos/vuejs/vue-validator/issues/109/events","html_url":"https://github.com/vuejs/vue-validator/issues/109","id":121991631,"number":109,"title":"how to use validdator in Component","user":{"login":"lzxue","id":4366658,"avatar_url":"https://avatars.githubusercontent.com/u/4366658?v=3","gravatar_id":"","url":"https://api.github.com/users/lzxue","html_url":"https://github.com/lzxue","followers_url":"https://api.github.com/users/lzxue/followers","following_url":"https://api.github.com/users/lzxue/following{/other_user}","gists_url":"https://api.github.com/users/lzxue/gists{/gist_id}","starred_url":"https://api.github.com/users/lzxue/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lzxue/subscriptions","organizations_url":"https://api.github.com/users/lzxue/orgs","repos_url":"https://api.github.com/users/lzxue/repos","events_url":"https://api.github.com/users/lzxue/events{/privacy}","received_events_url":"https://api.github.com/users/lzxue/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-14T07:49:23Z","updated_at":"2015-12-14T07:49:23Z","closed_at":null,"body":"###  the warn & error\r\n    [Vue warn]: Unknown custom element: <validator> - did you register the component correctly?\r\n    vue.common.js:988 Error: Warning Stack Trace\r\n    at warn (vue.com mon.js:988)\r\n    at checkComponentAttr (vue.common.js:1478)\r\n    at checkComponent (vue.common.js:6782)\r\n    at compileElement (vue.common.js:6574)\r\n    at compileNode (vue.common.js:6535)\r\n    at compileNodeList (vue.common.js:6717)\r\n    at compile (vue.common.js:6326)\r\n    at VueComponent.Vue._compile (vue.common.js:7939)\r\n    at VueComponent.Vue.$mount (vue.common.js:8910)\r\n     at VueComponent.Vue._init (vue.common.js:2398)\r\n    vue.common.js:982 [Vue warn]: Error when evaluating expression \"$validation1.comment.required\". \r\n     vue.common.js:986 Uncaught TypeError: Cannot read property 'comment' of undefined\r\n\r\n\r\n### my code:\r\n ```javascript    \r\n  <template>\r\n           <div>\r\n           <h1>Preview</h1>\r\n           <p>{{comment}}</p>\r\n         <validator lazy name=\"validation1\">\r\n            <input type=\"text\" :value=\"comment\" v-validate:comment=\"{ required: true, maxlength: 256 }\"/>\r\n            <span v-if=\"$validation1.comment.required\">Required your comment</span>\r\n            <span v-if=\"$validation1.comment.maxlength\">Too long comment !!</span>\r\n            <button type=\"button\" value=\"save\" @click=\"onSave\" v-if=\"valid\">\r\n          </validator>\r\n        </div>\r\n    </template>\r\n<script>\r\n\r\n   module.exports= {\r\n        props: {\r\n            id: Number,\r\n        },\r\n        data: function () {\r\n            return { comment: '' }\r\n        }\r\n\r\n\r\n    }\r\n</script>\r\n ```\r\nwhat's the right ?"}}