Vue路由的使用(页面跳转)
摘要:路由不是内部功能所以需要先安装: 一定要安装到相关项目中哦 cnpm install --save vue-router 需创建的文件夹及文件: index.js import { createRouter, createWebHashHistory } from 'vue-router' impo
阅读全文
posted @
2022-11-15 17:25
时间完全不够用啊
编辑
Vue跨域解决方案
摘要:跨域: 什么是跨域? 跨 大家肯定都知道,从一边到另一边 那么 域 是什么? 通俗的说,域就是url、浏览器的请求地址的最开始的一部分 专业一点点,域有三部分:协议+域名+端口(http+www.baidu.com+80 --> http://www.baidu.com:80) 那么将跨和域连接起来
阅读全文
posted @
2022-11-15 16:27
时间完全不够用啊
编辑
Vue简单封装axios网络请求
摘要:需要创建的文件夹及文件: 一、utils下的httpUtils.js: import axios from 'axios'; import querystring from 'querystring'; const errorHandler = (status, info) => { switch(
阅读全文
posted @
2022-11-15 14:16
时间完全不够用啊
编辑
Vue使用axios请求
摘要:新建组件(局部引入): <template> <div> <p>{{ msg }}</p> </div> </template> <script> import axios from 'axios'; import QueryString from 'qs'; export default { na
阅读全文
posted @
2022-11-15 11:23
时间完全不够用啊
编辑
Vue使用第三方库(Swiper 轮播图)
摘要:使用库之前肯定是先安装库:(tips:指定版本可以在后面加上如@8.4.4) cnpm install --save swiper 这种方式可以将库保存到 package.json 中: 然后就是使用: 首先是引入库: 然后是挂载: 然后是使用其标签: 查看效果: 这个库的功能可以实现滑动操作: 可
阅读全文
posted @
2022-11-14 15:48
时间完全不够用啊
编辑
Vue生命周期
摘要:Vue生命周期有四个阶段,八个函数: beforeCreate(){ console.log("beforeCreate:创建之前") }, created(){ console.log("created:创建完成") }, beforeMount(){ console.log("beforeMou
阅读全文
posted @
2022-11-14 15:04
时间完全不够用啊
编辑
Vue通过事件交互将数据从子组件传递到父组件
摘要:首先有两个组件: 父组件:App.vue 子组件:ComponentForOne.vue <template> <img alt="Vue logo" src="./assets/logo.png"> <!-- 下面使用组件:组件标签名 --> <ComponentForOne @onEvent="
阅读全文
posted @
2022-11-14 14:19
时间完全不够用啊
阅读(432)
推荐(0) 编辑
Vue组件交互
摘要:创建一个自定义组件: <template> <h1>Here is ComponentForOne!!</h1> <p>{{title}}</p> <p>age = {{age}}</p> <ul style="background-color:aqua"> <li v-for="(item,ind
阅读全文
posted @
2022-11-14 13:59
时间完全不够用啊
编辑
Vue简单使用步骤
摘要:一、组件 vue中的.vue文件可以简单理解为组件,放在components文件夹下,根组件就是App.vue: 二、使用components文件夹下自定义的组件步骤: 1、创建模板,组件一般模板为以下形式: 二、导出标识: 在 <script> 标签中编写 export default {} 来标
阅读全文
posted @
2022-11-14 11:26
时间完全不够用啊
编辑
Vue的简单操作
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstr
阅读全文
posted @
2022-07-27 15:57
时间完全不够用啊
编辑