vscode系列---【用vscode通过git提交代码】
摘要：#####提交新增代码： #####对已经提交的代码进行修改后再上传： #####推送到远程仓库 ####vscode插件： #####1.合并分支 #####2.设置文件头 #####3.区分代码颜色 #####4.复制文件相对路径
阅读全文
posted @ 2021-05-30 15:38
05 2021 档案
git系列---【用tortoisegit克隆和提交代码】
摘要：1.下载git 按照相应的系统，https://git-scm.com/downloads，然后，一直next即可完成安装** 2.安装git小乌龟 https://tortoisegit.org/download/，同样的，一直next即可完成安装，但是，需要注意的是必须先安装git，在安装git
阅读全文
posted @ 2021-05-30 14:52
react系列---【react安装脚手架、组件、jsx语法、事件处理、state】
摘要：1.脚手架 npm i create-react-app -g //安装脚手架 create-react-app demo // 创建项目 cd demo //进入项目 npm start //启动项目 目录介绍： my-app - node_modules --npm包 - public --服务
阅读全文
posted @ 2021-05-26 22:32
vue系列---【封装拦截器、封装axios的get post请求】
摘要：1、项目文件下src文件夹=>request文件夹=>http.js和api.js http.js // 封装拦截器 // 封装get post // 1.引入模块 import axios from "axios" import qs from "qs" import Vue from "vue"
阅读全文
posted @ 2021-05-20 00:11
vue系列---【UI库、VScode编辑用户代码片段、stylus css预处理器】
摘要：#1.Vue 组件库（UI库） 栅格布局、布局、button、form、data展示、反馈组件、其他 element-ui PC端 1.官网： https://element.eleme.cn/#/zh-CN 2.下载 npm i element-ui --save 3.引入 //引入element
阅读全文
posted @ 2021-05-19 23:29
vue系列---【axio安装、2种请求传参、配置代理、拦截器】
摘要：1.实现前后端数据交互，先启动后端 2.配置代理 在你的项目目录下创建一个文件，叫 vue.config.js: module.exports = { // 部署应用时的基本 URL publicPath:"", // build 时构建文件的目录 outputDir: 'dist', // bui
阅读全文
posted @ 2021-05-19 23:22
vue系列---【路由】
摘要：1.路由介绍 将路径映射到组件 2.路由安装 npm i vue-router --save 3.基本使用 const routes = [ { path:"/login", component:login }, { path:"/index", component:index }, ] 4.路由重
阅读全文
posted @ 2021-05-19 23:11
vue系列---【vue ui创建项目步骤】
摘要：一、打开终端，安装最新vue-cli npm install -g @vue/cli 二、终端运行vue ui vue ui 之后会自动跳转到http://localhost:8000,进入如下页面 三、点击创建 1.填写项目名称 2.选择插件配置方式 3.选择手动配置项目将会进入这一步，可以选择插
阅读全文
posted @ 2021-05-19 23:00
vue系列---【组件通信、ref、is、slot插槽、mixin混入、脚手架使用animate】
摘要：1.组件通信*** 1.1父传子:父组件的数据给了子组件 理论： 1.父组件通过自定义属性传值 <v-child :msg="name"></v-child> 2.子组件通过props接收 export default { props:["msg"] } props验证 props: { tel:
阅读全文
posted @ 2021-05-19 22:41
vue案例系列---【vue脚手架实现表单和列表的添加、修改、删除功能】
摘要：components下创建组件: 父组件index.vue (引入子组件 注册调用 app.vue 引入注册调用index.vue) 子组件：form.vue和list.vue index.vue 代码如下： <template> <div> <!-- 7.点击出现 --> <button @cli
阅读全文
posted @ 2021-05-16 22:13
vue案例系列--【vue+Element ui 实现登录页面】
摘要：<template> <div class="login-container"> <el-form :model="ruleForm2" :rules="rules2" status-icon ref="ruleForm2" label-position="left" label-width="0p
阅读全文
posted @ 2021-05-16 16:27
vue案例系列---【购物车计算总价】
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-05-16 16:24
vue系列--【vue-cli2.9.6脚手架创建项目步骤】
摘要：前提条件：默认安装node（推荐nodejs v14.17.0） 1.安装 1.安装webpack npm install webpack -g //安装webpack@5.76.2 安装脚手架 npm install vue-cli -g // 安装脚手架（默认vue-cli@2.9.6） 查看版
阅读全文
posted @ 2021-05-11 20:21
vue系列--【animate.css、过滤器、组件基础】
摘要：1.动画 场景： 1. v-if 2. v-show 3.动态组件 4.路由 使用： 进来之前 enter 进来过程 enter-active 进来完成 enter-to 离开之前 leave 离开过程 leave-active 离开完成 leave-to <transition name="aa"
阅读全文
posted @ 2021-05-11 20:08
vue系列--【生命周期、侦听器watch、计算属性、jsonp解决跨域】
摘要：1.生命周期 let vm=new Vue({ // 创建之前:什么都是undefined beforeCreate() { console.group("创建之前"); console.log('el:', this.$el); console.log('data:', this.$data);
阅读全文
posted @ 2021-05-11 19:53
vue系列--【动态样式、表单数据绑定、表单修饰符、事件处理、$set】
摘要：1.bootstrap安装 官网：http://bootcss.com 下载： npm i bootstrap 2.动态样式 动态类名 <!--1. :class="变量" --> <div :class="classn">建设社会</div> <div :class="[三元]"> </div>
阅读全文
posted @ 2021-05-11 19:41
vue系列--【vue核心、vue实例、指令】
摘要：1.vue初探 官网：https://cn.vuejs.org/ 介绍： vue是渐进式 JavaScript 框架 渐进式 ：主张最少。 优点： 1.轻量级的数据框架 2.双向数据绑定 3.提供了指令 4.组件化开发 5.客户端路由 6.状态管理 缺点： 1.Vue 底层基于 Object.def
阅读全文
posted @ 2021-05-11 19:27
