vue中如何使用和风天气插件

  想给我的个人博客添个展示天气的，网上一找看到了中国天气、和风天气这两种，附一下这两个的官网链接。

• 中国天气：https://cj.weather.com.cn/plugin/index
• 和风天气：https://widget.qweather.com/

  我刚开始是想对比一下这两个，结果发现中国天气预览没显示出来，所以直接选择了 和风天气。

1、创建

  打开链接后，我选择了天气简约插件。

  自己取一个插件名称，根据自己的需要勾选内容，和修改样式。

  点击生成代码时，会提示你登录，如果没有账号就注册一下，注册后并登录。如果是第一次注册登录估计会和我一样需要重新进行一下上面步骤，再点击生成代码，可以看到代码生成了。

2、使用

  首先是把<div id="he-plugin-simple"></div>复制到<template></template>标签里，然后是把第一个<script></script>标签里的内容放在mounted里，并把第二个<script></script>标签里的内容以创建<script>的方式append进去。如下图所示：