UniApp 嵌入在线网页 Vue 代码 - 详细步骤

在 UniApp 中嵌入在线网页 Vue 代码，可以使用 uni-app 提供的 web-view 组件。具体步骤如下：

1. 在 UniApp 项目中的 pages 文件夹下创建一个新的页面，例如 webPage.vue。
2. 在 webPage.vue 中添加 web-view 组件，代码如下：

   <template>
     <view>
       <web-view :src='url'></web-view>
     </view>
   </template>
   
   <script>
   export default {
     data() {
       return {
         url: 'http://www.example.com' // 在这里替换为你要嵌入的在线网页的地址
       }
     }
   }
   </script>
   ```</li>
   <li>在 UniApp 项目中的 <code>manifest.json</code> 文件中添加 <code>web-view</code> 组件的权限声明，代码如下：
   
   ```json
   {
     "mp-weixin": {
       "permission": {
         "webview": {
           "desc": "用于展示网页"
         }
       }
     }
   }
   ```</li>
   <li>运行 UniApp 项目，即可在 <code>webPage</code> 页面中嵌入在线网页 Vue 代码。</li>
   </ol>