Vue-router template书写规范/写法/反斜杠

用Vue的或多或少都很气这个奇葩的template

	template :"
典型电影：{{movie}}

\
			时期:{{epoch}}
\
			来源:{{source}}
\
			


\
			真的{{German}}是德语\
			
"
      };

哪里加反斜杠不好说，动不动还报错。

在这里，给大家推荐几种更好的template写法，希望祝大家一臂之力：

推荐程度从高到低

1.X-Templates

之后就可以直接

template='#foobar'

来引用了，要注意必须有一个元素去闭合它们，机智如你：

template='
#foobar
'

2.Inline Templates

中文内联模板

内容

使用方法和上面的一样，要注意，这个也是HTML的格式，需要写在script标签外面。

也需要写在VUE配置之后，否则报错：我不认这个“<”

3.Render Function

渲染函数

一般是高端前端人员使用，像我一样没有足够时间去学习的，可以暂时只作了解。

它实现了精细化的模板生成，可以移步文档：Render

4.格式化字符串

直接在你要的模板上加上一对反引号，代替原来的普通引号，就可以随意换行不用自己排版了。但是要注意，这是ES6新增写法，所以……不兼容啊有时候

什么？你问我怎么打反引号！？

template=`我的模板`

5.普通写法

什么？你看了这么多方法还惦记着如何把“\”写对地方？

换行时候加！

还报错？

那你为何不换换方法？