VUE(SPA)项目中使用SEO-动态生成META标签

上文中提到过这里主要使用的是 vue-meta-info ，下面来和大家说一下它的用法

大家可以选择不同的安装方式

Yarn:

NPM:

引入方式很简单，没有什么难理解的，照做就是了

使用方式的话会分为两种(接下来会举一些官网上的例子)：

    使用时注意，meta里可以写多个map，下面这个例子中只写了keyWords

这种方式可以动态生成META标签的内容，一般META标签的内容需要根据变量去变化的时候，可以选用这种方式：

    这些配置好了之后，就可以测试一下啦，打开调试工具，点击到Elements一栏，看下head标签下是否有你刚刚生成的meta，如果有的话，那么恭喜你，你成功的征服了它

SPA是什么：指利用水资源结合沐浴、按摩、涂抹保养品和香熏来促进新陈代谢，满足人体视觉、味觉、触觉、嗅觉和思考达到一种身心畅快的享受。SPA是由专业美疗师、水、光线、芳香精油、音乐等多个元素组合而成的舒缓减压方式，能帮助人达到身、心、灵的健美效果。

做SPA：可以去专门的SPA会所，进行水疗。

SPA项目：

1.海洋疗法：利用海洋及海水副产品（海藻、海泥）敷在身上所带来的好处，形成治疗法。

2.瓦兹：在温水池里进行的按摩治疗，治疗师利用规律的运动、定点按摩、伸展达到深层放松的状态。

3.瑜珈：印度教练习用的某些特定姿势，利用规律的呼吸，调节、伸展及强化身体，促进循环，使中枢神经系统镇静，同时也是一种哲学的训练。

扩展资料

SPA一词起源

关于SPA一词起源的探讨中有一个词始终贯穿其中，那就是“水疗”，它反映了水在古时的治疗领域和早期欧洲SPA文化中的重要作用。多数人认为SPA一词是一些拉丁短语的首字母组合，如“sanitas per aquam”，“solus per aquam ”，“sanus per aquam”。这些短语都有“用水治疗”的意思。

另一种说法是SPA源于在罗马浴室中发现的涂鸦“salut per aquam”。

参考资料：百度百科-SPA

---