写个 小demo，把 链接，放到 组件里面去

为了创建一个小 demo，我们将使用微信小程序的语法。假设我们有一个简单的页面（index.wxml），我们要在这个页面上放置一个按钮，当用户点击时会跳转到外部链接。首先，在 index.js 和 index.wxss 文件也需要配置相应的内容。以下是基本步骤：

**index.wxml (页面结构)**

<view class="container">
  <button open-type="navigateTo" bindtap="jumpToExternalLink">点击跳转到外部链接</button>
</view>

**index.js (JavaScript代码)**

Page({
  data: {},
  
  jumpToExternalLink: function(e) {
    var url = 'https://www.example.com'; // 替换为你想要的实际链接地址
    wx.navigateTo({
      url: url,
    });
  },
});

**index.wxss (样式表)**

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

在这个例子中，我们在一个名为 "container" 的容器内添加了一个按钮。当用户点击这个按钮时，通过 `bindtap` 属性绑定了 `jumpToExternalLink` 方法，该方法会调用微信小程序的 `wx.navigateTo` API 来打开指定的外部链接。