VueJS 引入Twitter文章列表； 嵌入Twitter内容,vue 组件微信公众号-ESG跨境

VueJS 引入Twitter文章列表； 嵌入Twitter内容,vue 组件微信公众号

VueJS 引入Twitter文章列表； 嵌入Twitter内容

为了让新闻直接使用Twitter，而不需要再开发一套新闻系统。

类似效果：https://ethereum.org/ ，以太坊的最下面，有以太坊twitter的文章列表。

1. 科学上网之后打开twitter 设置 小工具

原谅我使用了中文

这时，会跳转一个网页：publish.twitter

然后在输入框输入你想引用的twitter地址，点击确认（ ）

eth的twitter

选择样式：

展示样式

然后copy code：

案例

示例代码：

a class=twittertimeline href=https://twitter.com/ethereumproject refsrc=twsrc%5EtfwTweets by ethereumproject/a script async src=https://platform.twitter.com/widgets.js charset=utf8/script

然后将这段代码插入到你的html中即可运行。

2. vue中使用上面的代码

由于我们一般使用components做组件化，在组件中是不可以使用script标签的，所以在vue中，可以将script那一段直接放入index.html中 head的底部：

!DOCTYPE html

html

head

  meta charset=utf8

  ! something your code

  script async src=https://platform.twitter.com/widgets.js charset=utf8/script

/head

body

  div id=app/div

/body

/html

然后在components中：

div class=twitterarea

a class=twittertimeline href=https://twitter.com/ethereumprojectrefsrc=twsrc%5EtfwTwitter by ETH, Loading.../a

/div

在网页中的效果：

效果

The end.

特别声明：以上文章内容仅代表作者本人观点，不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。