- 博客(18)
- 收藏
- 关注
原创 VUE3【学习四】router路由跳转及轻量级vant组件的安装及应用,轮播图制作
router路由跳转、轻量级vant组件的安装及应用、sass样式引入,轮播图制作
2022-04-10 23:06:35
1262
原创 VUE3【学习二】:使用 Vite 快速构建 Vue3 项目及createApp()和mount()方法讲解
使用 Vite 快速构建 Vue3 项目,了解Vue中两个最基本方法createApp()和mount(),并解读父子组件数据传递原理,点击事件的双向绑定
2022-03-30 23:12:48
1368
原创 VUE3【学习一】:vue原生js数据的双向绑定
一、官网下载vue3.js,打开以下链接,全选Ctrl+A,复制Ctrl+Chttps://unpkg.com/vue@3.2.31/dist/vue.global.js二、打开VSCode粘贴到vue3.js文件中,具体目录结构如下三、在index.html文件中引入,如下图四、在body中创建一个应用,并将这个应用实例挂载到组件树上,共享同一个上下文,完整代码如下图五、F12打开可以看到打印的内容六、在下面输入creatApp.xm,也可看到输出...
2022-03-29 21:52:13
943
原创 Windows7 安装vue3+ 血泪史~
问了N遍度娘之后终于让我安装成功了,Windows7系统,vue版本@vue/cli 5.0.4,node版本v12.20.0,npm版本6.14.8
2022-03-24 18:39:47
4949
4
原创 在vue中实现iframe嵌套Html页面及需要注意事项
如图:整体架构是VUE,跳转的个人中心为HTML页面,引用的是iframe嵌套一、要嵌套的地方加上以下代码,如图<template> <div class="hello" > <iframe src="/static/aa.html" id="qt" scrolling="no" frameborder="0" style="position:absolute;top:64px;left: 0px;right:0px;bottom:100px;"&g...
2021-10-19 14:15:53
8293
原创 Vue项目启动提示Cannot GET /
1、初始化Vue框架,配置路由启动项目,控制台中并没有报错;npm run dev命令行窗口也没有报错,页面打开却提示Cannot GET /2、网上查了下资料,有这几种解决方案: 1)、打包的时候会把config文件夹下的assetsPublicPath改成了 "./“ ,再次编译npm run dev却没有改回来 ,去掉 . 改回来就可以 2)、注释掉路由router文件夹下index.js的history模式 3)、把项目重新npm i...
2021-09-09 14:53:21
10389
原创 前端后端数据库的交互,前后端如何打通,vue+spring boot +MySQL
前端软件:Microsoft VS Code后端软件:IntelliJ IDEA数据库:Navicat Premium前端git地址:https://github.com/zouwanghua/ZWH_prodect_01.git后端git地址:https://github.com/zouwanghua/ZWH_prodect_02.git1、在config\index.js中,找到 proxyTable 位置,修改为以下内容proxyTable: { // 注意如果不是在...
2020-06-23 16:26:28
7727
原创 vue脚手架之登录页面跳转,js-cookie安装,axios 模块封装
效果图1、在 src 目录下,新建一个 http 文件夹,在文件夹下分别建config.js,axios.js,interface.js,index.js文件axios.js内容//二次封装axios模块,包含拦截器等信息import axios from 'axios';import config from './config';import qs from 'qs...
2019-08-28 16:24:33
1382
原创 vue脚手架之mockjs,前后端数据对接交互
1、安装 mockjs 和 axiosnpm install mockjs2、新建mock文件夹,底下建mocj.js文件,在文件新增两个Mock.mock内容作为等下页面触发读取的内容mocj.js 内容// 引入mockjsconst Mock = require('mockjs')// 获取 mock.Random 对象const Random = Mock...
2019-08-28 14:25:06
396
原创 vue脚手架之axios安装
1、npm install axios2、在src新建api文件夹,新建api/index.js文件,用以配置axios api/index.js 内容import axios from 'axios';let http = axios.create({ baseURL: 'http://localhost:8080/', withCredentials: tr...
2019-08-28 11:27:46
2748
原创 圆圈转动特效
<!doctype html><html><head><meta charset="utf-8"><title>圆圈转动特效</title></head><body><!-- 图片自己替换 --><ul class="liuc container animated ...
2019-07-30 10:12:24
419
原创 vue短信验证码倒计时
<html lang="en"> <head> <title>vue短信验证码倒计时</title> <meta charset="utf-8"> <script src="js/vue.min.js"></script></head> <body > ...
2019-06-10 17:31:57
2667
1
原创 输入框只输入数字 仅限数字输入
<html lang="en"> <head> <title>输入框只输入数字</title> <meta charset="utf-8"> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.cs...
2019-06-10 16:17:20
421
原创 vue tab颜色切换
<!doctype html><html><head><meta charset="utf-8"><title>tab颜色切换</title><script src="js/vue.min.js"></script></head><body><style&...
2019-06-10 16:14:57
2156
原创 vue 遍历
<!doctype html><html><head><meta charset="utf-8"><title>遍历</title><script src="js/vue.min.js"></script></head><body><style>...
2019-06-10 16:14:04
769
原创 ECharts3D地图 简单制作省份地图
效果如下:<!DOCTYPE html><html><head> <title>广东省3D</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src="js/echart...
2019-06-10 11:28:22
6733
4
原创 vue 搜索功能
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <script src="js/vue.min.js"></script></head><body> <...
2019-05-30 10:15:11
617
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人