{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue/issues/4614","repository_url":"https://api.github.com/repos/vuejs/vue","labels_url":"https://api.github.com/repos/vuejs/vue/issues/4614/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue/issues/4614/comments","events_url":"https://api.github.com/repos/vuejs/vue/issues/4614/events","html_url":"https://github.com/vuejs/vue/issues/4614","id":198189181,"number":4614,"title":"@click not working","user":{"login":"arifhussain353","id":12670763,"avatar_url":"https://avatars.githubusercontent.com/u/12670763?v=3","gravatar_id":"","url":"https://api.github.com/users/arifhussain353","html_url":"https://github.com/arifhussain353","followers_url":"https://api.github.com/users/arifhussain353/followers","following_url":"https://api.github.com/users/arifhussain353/following{/other_user}","gists_url":"https://api.github.com/users/arifhussain353/gists{/gist_id}","starred_url":"https://api.github.com/users/arifhussain353/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/arifhussain353/subscriptions","organizations_url":"https://api.github.com/users/arifhussain353/orgs","repos_url":"https://api.github.com/users/arifhussain353/repos","events_url":"https://api.github.com/users/arifhussain353/events{/privacy}","received_events_url":"https://api.github.com/users/arifhussain353/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-12-30T20:06:29Z","updated_at":"2016-12-30T20:08:49Z","closed_at":"2016-12-30T20:08:49Z","body":"\r\nHi,\r\ni am using `vue 2.0`  and trying to trigger a `click` event in laravel with `@click`.Here is my template code \r\n```\r\n<template>\r\n    <div class=\"container\">\r\n        <div class=\"col-md-8 col-md-offset-2\">\r\n            <input type=\"email\" placeholder=\"enter email\">\r\n            <input type=\"password\" placeholder=\"enter pass\">\r\n            <button @click=\"loginBtn()\" class=\"btn_login btn\">click trigger</button>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        'name': 'login',\r\n        Methods: {\r\n            loginBtn: function() {\r\n              alert(\"login click event\");\r\n            },\r\n        }\r\n    }\r\n</script>\r\n```\r\n**After on click getting this error** \r\n\r\n![image](https://cloud.githubusercontent.com/assets/12670763/21571769/4734f54c-cef4-11e6-8029-6a5d7dfed2f2.png)\r\n\r\nMy app.js configuration file is look like this .\r\n```\r\nvar base_path='http://localhost:8000';\r\nglobal.jQuery = require('jquery');\r\nvar $ = global.jQuery;\r\nwindow.$ = $;\r\nvar bootstrap= require('bootstrap'),\r\n    Vue = require('vue'),\r\n    resource = require('vue-resource'),\r\n    VueRouter = require('vue-router');\r\nVue.use(resource);\r\nVue.use(VueRouter);\r\n\r\nconst router = new VueRouter({\r\n    // mode: 'history',\r\n    base: __dirname,\r\n    routes: [\r\n        { path: '/login',name: 'login', component: require('./components/login.vue') },\r\n        { path: '/dashboard',name: 'dashboard', component: require('./components/dashboard/dashboard.vue') }\r\n     ]\r\n})\r\nwindow.onload = function () {\r\n    const app = new Vue({\r\n        router\r\n    }).$mount('#app')\r\n}\r\n```\r\nAnd last welcome.blade.php look like this\r\n```\r\n<div id=\"app\">\r\n        <h1>Hello App!</h1>\r\n        <p>\r\n            <router-link to=\"/dashboard\">dashboard</router-link>\r\n            <router-link to=\"/login\">Login</router-link>\r\n        </p>\r\n        <!-- route outlet -->\r\n        <router-view></router-view>\r\n    </div>\r\n```\r\ni am using `gulp watch` with this code of gulpfile.js\r\n```\r\nelixir(mix => {\r\n    mix.less('app.less')\r\n       .webpack('app.js')\r\n});\r\n```\r\nI search everywhere but didn't find where i am doing mistake in my code.\r\nThank you.\r\n"},"comment":{"url":"https://api.github.com/repos/vuejs/vue/issues/comments/269816272","html_url":"https://github.com/vuejs/vue/issues/4614#issuecomment-269816272","issue_url":"https://api.github.com/repos/vuejs/vue/issues/4614","id":269816272,"user":{"login":"posva","id":664177,"avatar_url":"https://avatars.githubusercontent.com/u/664177?v=3","gravatar_id":"","url":"https://api.github.com/users/posva","html_url":"https://github.com/posva","followers_url":"https://api.github.com/users/posva/followers","following_url":"https://api.github.com/users/posva/following{/other_user}","gists_url":"https://api.github.com/users/posva/gists{/gist_id}","starred_url":"https://api.github.com/users/posva/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/posva/subscriptions","organizations_url":"https://api.github.com/users/posva/orgs","repos_url":"https://api.github.com/users/posva/repos","events_url":"https://api.github.com/users/posva/events{/privacy}","received_events_url":"https://api.github.com/users/posva/received_events","type":"User","site_admin":false},"created_at":"2016-12-30T20:08:49Z","updated_at":"2016-12-30T20:08:49Z","body":"Please make sure to read the [Issue Reporting Guidelines](https://github.com/vuejs/vue/blob/dev/.github/CONTRIBUTING.md#issue-reporting-guidelines) before opening new issues. Questions should be posted on the [forum](https://forum.vuejs.org/) or [StackOverflow](http://stackoverflow.com/tags/vue.js). Thanks.\r\n\r\n---\r\n\r\nYou misspelled `Methods`, it's `methods`"}}
{"actor":{"display_login":"posva"}}