如何使用 VueJS 和 Jade答案

【问题标题】：How to use VueJS and Jade如何使用 VueJS 和 Jade
【发布时间】：2016-10-23 14:32:03
【问题描述】：

我对 VueJS 还很陌生，我被一个看似相当琐碎的问题绊倒了：如何一起使用 VueJS 和 Jade？p>

下面是我试图在 Jade 中渲染的代码：

extends layout

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

但是，当我加载页面时，我得到了这个错误：

5|按钮(v-on:submit="handleIt")按钮

意外令牌tag 预期text、code、:、newline 或eos 在 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)

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

【问题讨论】：

标签： html pug vue.js

【解决方案1】：

原来我在 button(v-on:submit="handleIt") 和单词“Button”之间缺少了一个空格。修复了我自己的问题。

【讨论】：