
vue
文章平均质量分 59
琉-璃
菜鸟一枚
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
VUE3【学习四】router路由跳转及轻量级vant组件的安装及应用,轮播图制作
router路由跳转、轻量级vant组件的安装及应用、sass样式引入,轮播图制作原创 2022-04-10 23:06:35 · 1411 阅读 · 0 评论 -
VUE3【学习三】:setup方法,三个插槽的使用及区别,父子组件传值
setup方法,三个插槽的使用及区别,父子组件传值原创 2022-04-04 22:15:24 · 5337 阅读 · 0 评论 -
VUE3【学习二】:使用 Vite 快速构建 Vue3 项目及createApp()和mount()方法讲解
使用 Vite 快速构建 Vue3 项目,了解Vue中两个最基本方法createApp()和mount(),并解读父子组件数据传递原理,点击事件的双向绑定原创 2022-03-30 23:12:48 · 1480 阅读 · 0 评论 -
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 · 1035 阅读 · 0 评论 -
Windows7 安装vue3+ 血泪史~
问了N遍度娘之后终于让我安装成功了,Windows7系统,vue版本@vue/cli 5.0.4,node版本v12.20.0,npm版本6.14.8原创 2022-03-24 18:39:47 · 5569 阅读 · 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 · 8574 阅读 · 0 评论 -
前端后端数据库的交互,前后端如何打通,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 · 8015 阅读 · 0 评论 -
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 · 1441 阅读 · 0 评论 -
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 · 479 阅读 · 0 评论 -
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 · 2839 阅读 · 0 评论