參考鏈接：https://cn.vuejs.org/v2/guide/index.html

*）[Vue warn]: Error in v-on handler: "TypeError: $form.postJSON is not a function"

[Vue warn]: Error in v-on handler: "TypeError: $form.postJSON is not a function"(found in <Root>) warn @ vue.js:634 logError @ vue.js:1893 globalHandleError @ vue.js:1888 handleError @ vue.js:1848 invokeWithErrorHandling @ vue.js:1871 invoker @ vue.js:2188 original._wrapper @ vue.js:7541 #錯誤2 vue.js:1897 TypeError: $form.postJSON is not a functionat Vue.submit (forTest.html:94)at invokeWithErrorHandling (vue.js:1863)at HTMLFormElement.invoker (vue.js:2188)at HTMLFormElement.original._wrapper (vue.js:7541)

　　報錯代碼

var vms = new Vue({el: '#vm',data: {email: '',passwd: ''},methods: {submit: function (event) {console.log(1);event.preventDefault();//和form中添加v-on:submit.prevent="submit"是一樣的var$form = $('#vm'),email = this.email.trim().toLowerCase(),data = {email: email,passwd: this.passwd === '' ? '' : CryptoJS.SHA1(email + ':' + this.passwd).toString()};$form.postJSON('/api/authenticate', data, function (err, result) {if (!err) {console.log(2);// location.assign('/');}});}}});

　　應該是$form.postJson()中的數據寫法除了問題，參考https://blog.csdn.net/qq_36370731/article/details/80290680

?

*）必須把js代碼寫進body里的script里，是因為代碼沒有自動執行（未解決，一引入jquery（或者uikit的js）就不行了）

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $(function () {//必須放在這里console.log(2);var app2 = new Vue({el: '#app-2',data: {message: '頁面加載于 ' + new Date().toLocaleString()}})})

　　更新：必須把這個寫進body里的script里的標簽里，就算只有一個vue也必須這樣，否則會未定義vue名，像下面這個自動提示時證明成功了

?

轉載于:https://www.cnblogs.com/Gaoqiking/p/10781042.html

總結

以上是生活随笔為你收集整理的vue使用，问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。