- 博客(18)
- 收藏
- 关注
RSS订阅原创 VUE3【学习四】router路由跳转及轻量级vant组件的安装及应用，轮播图制作
router路由跳转、轻量级vant组件的安装及应用、sass样式引入，轮播图制作
2022-04-10 23:06:35
1379
原创 VUE3【学习二】：使用 Vite 快速构建 Vue3 项目及createApp()和mount()方法讲解
使用 Vite 快速构建 Vue3 项目，了解Vue中两个最基本方法createApp()和mount()，并解读父子组件数据传递原理，点击事件的双向绑定
2022-03-30 23:12:48
1442
原创 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
1015
原创 Windows7 安装vue3+ 血泪史~
问了N遍度娘之后终于让我安装成功了，Windows7系统，vue版本@vue/cli 5.0.4，node版本v12.20.0，npm版本6.14.8
2022-03-24 18:39:47
5453
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
8490
原创 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
11895
原创 前端后端数据库的交互，前后端如何打通，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
7931
原创 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
1421
原创 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
450
原创 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
2800
原创 圆圈转动特效
<!doctype html><html><head><meta charset="utf-8"><title>圆圈转动特效</title></head><body><!-- 图片自己替换 --><ul class="liuc container animated ...
2019-07-30 10:12:24
465
原创 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
2714
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
451
原创 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
2194
原创 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
804
原创 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
6837
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
670
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人