如何使用VueJS和Jade

时间:2016-06-21 21:11:45

标签: html pug vue.js

我对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 |按钮(v-on:submit =“handleIt”)按钮意外的标记tag预期textcode:newlineeos 错误:/Users/username/Documents/app/app/views/index.jade:5                  3 |阻止内容          4 | div.main支架

  

5 |按钮(V-上:提交= “handleIt”)按钮

意外令牌tag预计textcode:newlineeos     在Parser.tag(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:828:15)     在Parser.parseTag(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:759:17)     在Parser.parseExpr(/Users/username/Documents/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.tag(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:838:24)     在Parser.parseTag(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:759:17)     在Parser.parseExpr(/Users/username/Documents/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.parseBlock(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:535:14)     在Parser.parseExpr(/Users/username/Documents/app/app/node_modules/jade/lib/parser.js:215:21)

我尝试使用竖线字符和其他一些序列来转义按钮,但似乎没有任何效果。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

原来我错过了按钮之间的空格(v-on:submit =" handleIt")和单词" Button。"修正了我自己的问题。