如何使用VueJS和Jade

Question

我是VueJS的新手，我被一個似乎很瑣碎的問題絆倒了：如何一起使用VueJS和Jade？

以下是我嘗試在Jade中渲染的代碼：

extends layout

block content
    div.main-holder
        button(v-on:submit="handleIt")Button

但是，當我加載頁面時，出現此錯誤：

/Users/username/Documents/app/app/views/index.jade:5 3 | 阻止內容4 | div.main-holder> 5 | button（v-on：submit =“ handleIt”）Button意外的令牌tag預期的text ， code ， : ， newline或eos錯誤：/Users/username/Documents/app/app/views/index.jade：5 3 | 阻止內容4 | 主要股東

5 | 按鈕（v-on：submit =“ handleIt”）按鈕

Parser.parseTag（/ Users）處Parser.tag（/Users/username/Documents/app/app/app/node_modules/jade/lib/parser.js:828:15）出現意外的令牌tag預期text ， code ， : ， newline或eos /username/Documents/app/app/app/node_modules/jade/lib/parser.js:759:17）位於Parser.parseExpr（/Users/username/Documents/app/app/app/node_modules/jade/lib/parser.js:211 ：21）在Parser.tag（/Users/username/Documents/app/app/app/node_modules/jade/lib/parser.js:729:25）在Parser.tag（/ Users / username / Documents / app / app / app / node_modules在Parser.parseExpr（/ Users）上位於Parser.parseTag（/Users/username/Documents/app/app/app/node_modules/jade/lib/parser.js:759:17）的/jade/lib/parser.js:838:24） /username/Documents/app/app/app/node_modules/jade/lib/parser.js:211:21）在Parser.block（/Users/username/Documents/app/app/node/modules/jade/lib/parser.js:729 ：25）在Parser.parseExpr（/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:535:14）在Parser.parseExpr（/ Users / username / Documents / app / app / app / node_modules /jade/lib/parser.js:215:21）

我嘗試用豎線字符和其他一些序列轉義按鈕，但似乎無濟於事。 任何幫助將不勝感激。

Answer 1

原來我在button（v-on：submit =“ handleIt”）和單詞“ Button”之間缺少空格。 解決了我自己的問題。