vue+element+axios 创建单页

梦里梦外; 2021-12-12 17:07 223阅读 0赞

最近有个需求是前端是一个单页，后台做管理，后台用vue+element ,索性单页也就用vue+element。

vue+element：ui  
axios：接口调用

1.使用HBuilderX创建一个普通的工程，然后创建一个.html界面。  
2.在head里面引入所需要的库（vue、element、axios 等）。可使用bootcdn(https://www.bootcdn.cn/) 查找库

<script src="https://cdn.bootcss.com/babel-polyfill/7.4.4/polyfill.min.js"></script>
    <script src="https://cdn.bootcss.com/es6-promise/4.1.1/es6-promise.min.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/element-ui/2.9.2/index.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>
    <link href="https://cdn.bootcss.com/element-ui/2.9.2/theme-chalk/index.css" rel="stylesheet">

3.ie9兼容

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >

3.1 在boby添加提醒

注：ie9 不支持 => 语法 可使用 function() 语法替代

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读

相关单页应用架构

概述 [单页应用程序 (SPA][_SPA] ) 是创建非常有吸引力和独特的用户体验的绝佳方式。Gmail、Google Maps、Airbnb、Netflix、Pint

本是古典何须时尚/ 2023年10月01日 18:30/ 0 赞/ 30 阅读

相关单页应用 vs 多页应用

web项目可分为单页应用和多页应用。单页应用，就是只有一个页面，其他内容，估计就是动态加载，用从加载其他页面片段 + 请求后台这种方式来完成。这么一说，我之前做的，其实都

墨蓝/ 2023年02月23日 08:41/ 0 赞/ 13 阅读

相关单例的创建

\+ (single \)shareSingle\{ static single \single=nil; static dispatch\_once\_t

小咪咪/ 2022年08月09日 18:30/ 0 赞/ 201 阅读

相关 Vue_单页应用VS多页应用

当一个文件以.vue 结尾，它就被称为单文件组件一.多页面应用 ![这里写图片描述][70] 二.单页应用实现页面跳转，在以前是使用a标签链接，在Vue中，

古城微笑少年丶/ 2022年05月21日 01:08/ 0 赞/ 381 阅读

相关 SpringMVC 表单注册页

学习参考自[易百教程][Link 1] 1、程序目录如下 ![70][] 2、controller： package com.controller;

谁借莪１个温暖的怀抱￠/ 2022年05月18日 10:38/ 0 赞/ 174 阅读

相关 MFC-单文档-创建

1. 据向导创建的单文档时候，View类的基类选择 CFormView，这样可使用控件 2. 根据向导创建单文档，在"用户界面功能"，取消"使用传统的停靠工具栏"（可选）

￡神魔★判官ぃ/ 2022年05月09日 05:10/ 0 赞/ 202 阅读

相关单页应用 - Token 验证

单页应用 - Token 验证转：[https://juejin.im/post/58da720b570c350058ecd40f][https_juejin.im_

缺乏、安全感/ 2022年03月29日 16:44/ 0 赞/ 300 阅读

相关单页应用和多页应用

每一次页面跳转的时候，后台服务器都会给返回一个新的`html`文档，这种类型的网站也就是多页网站，也叫做多页应用。 ![Image 1][] 多页应用为什么多页应用的首

快来打我*/ 2022年02月01日 11:29/ 0 赞/ 314 阅读

相关 vue+element+axios 创建单页

最近有个需求是前端是一个单页，后台做管理，后台用vue+element ,索性单页也就用vue+element。 vue+element：ui axios：接口调用 1

梦里梦外;/ 2021年12月12日 17:07/ 0 赞/ 224 阅读

相关单页应用和多页应用的区别

转载自：https://www.jianshu.com/p/4c9c29967dd6 每一次页面跳转的时候，后台服务器都会给返回一个新的`html`文档，这种类型的网站也就是

痛定思痛。/ 2021年09月18日 02:50/ 0 赞/ 421 阅读