- 博客(8)
- 收藏
- 关注
原创 AJAX基础
1.AJAX优缺点优点:可以无需刷新页面而与服务器端进行通信;允许你根据用户事件来更新部分页面内容缺点:没有浏览历史,不能回退;存在跨域问题(同源);SEO不友好(源代码没有相关数据,爬虫爬不到)请求行,请求头,空行,请求体2. express基本使用用于建立服务器npm init --yesnpm i express2.1. 建立xxx.js文件const express = require('express'); //引入expressconst app = express();
2021-11-11 18:33:18
529
原创 7.element-ui
1. 基本使用文档地址:https://element.eleme.cn/#/zh-CN/component/installation安装:npm i element-ui完整引入:写在main.js里import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css'; //引入全部样式Vue.use(ElementUI)按需引入安装一个工具:npm install babel-
2021-11-08 16:05:58
81
原创 6.vue-router
1. 基本使用一个路径对应一个组件;路由就是一组key-value的对应关系(路径和组件的对应关系)1.1. 初始化npm i vue-router //是个插件import VueRouter from ‘vue-router’Vue.use(VueRouter)import router from ‘./router’ ,然后在new Vue里面添加一个配置项router在src文件夹里新建一个router文件夹,下建一个index.js文件 //类似vuex的s
2021-11-08 16:05:25
348
原创 5.vuex
1. vuex1.1. 基本介绍概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式管理(读、写),也是一种组件间通信的方式,且适合任意组件间通信使用场景:多个组件依赖与同一状态; 来自不同组件的行为需要变更同一状态都通过store管理1.2. 环境搭建使用vuex:npm i vueximport Vuex from ‘vuex’ //也可以写在index里面,这样mian.js只需要引入store就可以了Vue.use(V
2021-11-08 16:04:52
208
原创 4.ajax请求
1. axiosnpm i axios //在终端下载import axios from 'axios' //引入axios.get('地址').then( //发送get请求 response => { console.log(response.data) }, //请求成功 error => { console.log(error.massage) })2. 跨域问题协议,域名,端口不一致会存在跨域问题通过cors方法解决跨域,需要后端人员在服务
2021-11-08 16:02:55
364
原创 3.Vue脚手架
在另一个文件里写的东西记得暴露1. 脚手架1.1. 初始化1.打开cmd或者终端(ctrl+`)全局安装@vue/cli : npm install -g @vue/cli2.切换到你要创建项目的目录,然后使用命令创建项目: vue create xxxx3.进入文件,启动项目:npm run serve ;ctrl+c停止项目若出现下载缓慢可以配置npm淘宝镜像:npm config set registry http://registry.npm.taobao.org1.2. 一
2021-10-31 22:19:16
142
原创 2.Vue组件化编程
组件定义:实现应用中局部功能代码和资源的集合1. 非单文件组件1.1. 基本使用关键字:Vue.extend({}) , components:{}1.2. 组件嵌套vm->app->…组件在哪儿注册就在哪个组件里面使用1.3. VueComponent[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RiMC5qM5-1635689700099)(C:\Users\30832\AppData\Roaming\Typora\typora-user-
2021-10-31 22:17:50
46
原创 1.Vue基础
1. 指令1.1. 内置指令--v-bind:value="" //:,单项绑定--v-model="" //双向绑定,只能应用在表单类元素上(存在输入,有value值)--v-on:click="" //@click=--v-show="true" //为true表示显现,为false表示隐藏;===display: none;--v-if="false" //条件渲染,不同于v-show,v-if会直接把节点删除--v-for="" //详见7.1其他:--
2021-10-23 14:05:06
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人