diff --git a/vim/after/syntax/vue.vim b/vim/after/syntax/vue.vim
new file mode 100644
index 0000000..ae761f3
--- /dev/null
+++ b/vim/after/syntax/vue.vim
@@ -0,0 +1,14 @@
+syn keyword vueComponentTag     contained template containedin=htmlSpecialTagName
+
+syn match   vueDirective "\s[v:][-:.0-9_a-z]*" containedin=htmlTag,htmlTagN nextgroup=vueDirectiveValue
+syn match   vueEvent "\s[@][-:.0-9_a-z]*" containedin=htmlTag,htmlTagN nextgroup=vueEventValue
+syn match   vueConditional "\<v-else" containedin=htmlTag,htmlTagN
+syn match   vueConditional "\<v-if\|v-show" containedin=htmlTag,htmlTagN nextgroup=vueConditionalValue
+syn match   vueFor "\<v-for" containedin=htmlTag,htmlTagN nextgroup=vueForValue
+syn match   vueRef "\s:\?ref" containedin=htmlTag,htmlTagN nextgroup=vueRefValue
+
+syn region vueDirectiveValue contained start=+="+hs=s+2 end=+"+he=e-1
+syn region vueEventValue contained start=+="+hs=s+2 end=+"+he=e-1
+syn region vueConditionalValue contained start=+="+hs=s+2 end=+"+he=e-1
+syn region vueForValue contained start=+="+hs=s+2 end=+"+he=e-1
+syn match vueRefValue contained +="[-:.0-9_a-z]*"+hs=s+2,he=e-1