盐焗海苔 2019-05-13 15:06 采纳率: 100%
浏览 839
已采纳

【求助】用vue重写php项目的前端页面，vue无法实例化

现在公司需求把原先的一个php写的项目，用vue重写前端，现在的php前端大概是这样



图片说明


按理说vue也是js，我直接用CDN引入写在script里就可以啊，但是现在无法实例化，如下测试一个数据都不能写入

图片说明


图片说明


图片说明



↑↑↑页面上根本渲染不出来

这是什么问题？跟php有关吗？（不太懂php）

  • 写回答

1条回答 默认 最新

  • 盐焗海苔 2019-05-13 15:38
    关注

    找到了，是script加载顺序的问题，必须要在页面最后加载，而且id不能放在body里面

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • Vue页面刷新记住页面状态的实现
    2020-10-15 20:13
    不过，即使使用了`<keep-alive>`，当浏览器刷新时，由于Vue实例会被重新创建，所以缓存的数据会丢失。为了解决这个问题，我们需要将页面状态存储到持久化存储中，如`localStorage`、`sessionStorage`或`cookie`。...
  • 前端项目(二) vue项目实战-尚品汇
    2023-05-25 11:32
    A旭尧的博客 B站视频教程 尚硅谷VUE项目实战，前端项目-尚品汇(大型\重磅)_哔哩哔哩_bilibili 二、开发过程 day01 前端核心 开发一个前端模块可以概括为以下几个步骤： （1）写静态页面、拆分为静态组件 （2）发请求（API） （3...
  • 黑马程序员前端 Vue3 小兔鲜电商项目——（一）初始化项目
    2023-06-21 10:52
    @赵士杰的博客 黑马程序员前端 Vue3 小兔鲜电商项目——（一）初始化项目
  • 2024 前端高频面试题之 Vue 篇
    2024-01-20 11:55
    Aybuai的博客 然后在入口文件中进行 Vue.use() 调用。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。提高代码复用。指令本质上是装饰器，是 vue 对 HTML 元素的扩展，给 HTML 元素增加自定义功能。vue ...
  • 前端vue经典面试题78道（重点详细简洁）
    2022-03-21 23:06
    一染星辰的博客 v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show 否则v-if 2.为何v-for要用key 快速查找到节点，减少渲染次数，提升渲染性能 3.描述vue组件声明周期...
  • Vue3前端数据可视化实战项目
    2025-05-15 02:56
    笨爪的博客 本文还有配套的精品资源，点击获取 简介：本项目以Vue3框架和Vite构建工具为基础，演示了前端数据可视化的实现。介绍了Vue3的Composition API、性能优化、Vite的按需编译和热更新，以及ECharts、百度地图API、...
  • vue+swiper实现组件化开发的实例代码
    2020-08-29 00:50
    在本篇文章中，我们将探讨如何使用 Vue 和 Swiper 实现组件化开发的实例代码。组件化开发是一种软件开发模式，它将整个应用程序拆分成多个小的、独立的组件，每个组件负责特定的功能。这种开发模式可以提高代码的可...
  • vue项目部署到nginx/tomcat服务器的实现
    2020-10-16 12:25
    要实现history模式，需要在路由实例化时设置mode为'history'。 在Nginx中，通常需要对配置文件进行相应的修改以支持history模式。这通常涉及到定义一个新的location块，用以处理所有路由请求，并确保每个请求都返回...
  • 前端vue框架 高频面试题
    2023-08-11 15:56
    Vue 实例化时，会遍历 `data` 中的属性，使用 `Object.defineProperty` (在Vue 3.0中改用 `Proxy`) 创建 getter 和 setter，以实现对数据的监听和响应式更新。每个组件实例都有一个对应的 watcher，负责跟踪依赖并在...
  • 使用 Vue 开发 VS Code 插件前端页面（下）
    2025-05-01 00:18
    HiMeditator的博客 经过上篇的操作，已经得到了处于同一个文件夹下的能分别独立运行的插件和前端页面子项目。
  • 没有解决我的问题, 去提问