weixin_54137034-CSDN博客

原创 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

weixin_54137034的博客