vue2.0项目 嵌套 html项目

1、html项目放入 vue项目static目录下

2、vue页面写入

<template>
  <div class="page">
    <iframe src="../../../static/pc-sxdx/mobile/index.html?islogin=true"  scrolling="no" frameborder="0" :style="{width:'100%',height:GetWindowHeight}"></iframe>
  </div>
</template>

<script>
  export default {
    data() {
      return {
         GetWindowHeight:'0'
      };
    },
    created(){
      this.GetWindowHeight = window.innerHeight + 'px';
    },
    methods: {
    
    },
  }
</script>

<style scoped>

</style>

3、html页面返回vue项目

 function back() {
      window.parent.location.href='../../../index.html'
    }

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue 2.0项目源码是指使用Vue 2.0框架开发的项目的源代码。Vue是一套用于构建用户界面的渐进式框架,它的核心库只关注视图层,易于集成到现有项目中。Vue 2.0相对于1.x版本进行了许多重大改进和优化,使得开发者能够更高效地构建复杂的Web应用程序。 Vue 2.0项目源码通常包含以下几个主要部分: 1. 组件:Vue框架基于组件化的思想,项目中的组件是独立的、可复用的功能单元。每个组件通常由一个Vue实例构成,包含HTML模板、JavaScript逻辑和样式。组件之间可以通过props和events进行数据的传递和通信。 2. 路由:Vue Router是Vue框架的官方路由库,它可以实现SPA(单页面应用)的路由功能。在项目源码中,通常会定义路由表,包含每个URL路径对应的组件和相应的逻辑处理。 3. 状态管理:Vuex是Vue框架的官方状态管理库,用于管理应用的状态和数据流。在项目源码中,可能会使用Vuex来管理全局的数据、状态和业务逻辑。 4. 构建工具:Vue CLI是官方的快速原型开发工具,可以帮助开发者创建、构建和打包Vue项目。在项目源码中,可能会使用Vue CLI来生成项目骨架、配置开发环境和打包最终的生产代码。 5. 网络请求:在项目中,通常会使用第三方的HTTP库(如axios、fetch等)来实现与后端API的交互,进行数据的获取和提交。 以上是关于Vue 2.0项目源码的一些基本概述。项目源码的具体实现细节和结构会根据项目的规模和需求而有所不同,但基于Vue 2.0框架进行开发的项目通常都会遵循以上的主要特点和模块。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

.. ..

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值