diff --git a/syntax/vue-html.vim b/syntax/vue-html.vim
new file mode 100644
index 0000000..e0cecb6
--- /dev/null
+++ b/syntax/vue-html.vim
@@ -0,0 +1,32 @@
+syntax match VueAttr '\v(\S)@<![v:\@][^\=]+(\=\"[^"]*\")?' 
+      \ containedin=htmlTag 
+      \ contains=VueKey,VueValue,VueInject
+
+syntax match VueKey contained '\v[v:\@][^\=]+'
+syntax match VueValue contains=VueInject contained '\v\"\zs[^"]*\ze\"'
+syntax match VueInject contained '\v\$\w*'
+
+syntax region VueExpression 
+      \ containedin=vueTemplate,vueValue,htmlString
+      \ matchgroup=VueBrace
+      \ start="{{"
+      \ end="}}"
+
+syntax region VueExpression 
+      \ containedin=htmlItalic
+      \ matchgroup=VueBrace
+      \ transparent
+      \ start="{{"
+      \ end="}}"
+
+" Wepy directive syntax
+syntax match VueAttr '\v(\S)@<!wx[^\=]+(\=\"[^"]*\")?'
+      \ containedin=htmlTag  
+      \ contains=VueKey,VueValue,VueInject
+
+syntax match VueKey contained '\vwx[^\=]+'
+
+highlight link VueAttr Comment
+highlight link VueKey  PreProc
+highlight link VueInject Constant
+highlight link VueBrace PreProc