随笔分类 - vue
vue
前端解决No 'Access-Control-Allow-Origin'
摘要：在请求的header中加上：Access-Control-Allow-Origin=* 如下： axios.defaults.headers.post['Access-Control-Allow-Origin']='*'; import axios from "axios"; import rout
阅读全文
完成图片的静态资源托管
摘要：1.新建一个文件夹picservice 2.cd picservice:进入到文件夹中 3.npm init -y :初始化npm 4.初始化完成后，文件夹中会出现一个package.json文件 5.npm install express -S :安装express 6.安装完成后，可以看到出现文
阅读全文
整合elementUI
摘要：1.新建项目： vue init webpack vue-element: vue3.0创建项目的命令 vue create vueelement: vue4.0的创建项目的命令 2.创建项目完成后，安装element: npm i element-ui -S 3.安装sass: npm insta
阅读全文
vue-router的使用
摘要：1.vue-router,实现页面跳转的功能 2.进入项目目录mock-demo下安装： npm install vue-router --save-dev 其中 --save-dev的命令的意思是将组件安装在 package.json 中的“devDependencies”中 3.安装完成后，也可
阅读全文
webpack的安装与使用
摘要：1.安装： npm install webpack webpack-cli -g 2.使用 1.新建项目目录"mywebpack" 2.在项目目录下新建文件夹“modules” 3.在modules文件夹下新建main.js 4.main.js的内容： var hello=require("./he
阅读全文
vue-使用脚手架vue-cli
摘要：1.使用vue-cli，要使用node.js,因此需要先安装node.js 2.使用官网下载安装即可 3.安装完成后： node -v:查看版本 npm -v：查看版本 4.npm就是软件安装的管理工具，随着node.js安装 5.由于node.js的服务器也是在国外，因此可以把npm映射成阿里的一
阅读全文
vue-不用脚手架-2
摘要：17.插槽与自定义事件（插槽是为了确定组件摆放的位置） 1.新建一个项目文件夹“插槽” 2.在“插槽"文件夹下创建index.html 3.index.html内容： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-
阅读全文
vue-不用脚手架
摘要：1.vue.js就是MVVM中的ViewModel层的实现者 2.用html引入vue： 1.新建一个项目文件夹“第一个Vue应用程序” 2.在文件夹下新建一个index.html 3.index.htm内容： <!DOCTYPE html> <html lang="en"> <head> <met
阅读全文
vue2 -mock使用
摘要：1.mock.js官网：Mock.js (mockjs.com) 2.创建mock-demo:vue create mock-demo 选择： Default ([Vue 2] babel, eslint) 3.进入mock-demo：cd mock-demo 4.安装依赖： cnpm instal
阅读全文
1-vue+elementUI+sprintboot-项目前的准备
摘要：vueelementUIsprintboot vue+elementUI+sprintboot 所需软件 版本检测 安装 idea jdk 1.8 mysql 5.7+ navicat node.js 14.16.0 postman redis java -version 检查jdk版本，即java
阅读全文
vue之axios
摘要：github地址：https://github.com/axios/axios 安装：npm install axios --save 导入： import axios from 'axios'; 使用： methods:{ //获取网络数据 reqData(){ axios.get('http:/
阅读全文
Vue安装vuex
摘要：1.安装： 进入项目路径后，在项目终端输入：npm install vuex --save 或者 cnpm install vuex --save 2.安装完成后，会在项目的package.json文件中显示vuex插件，如下： "dependencies": { "vue": "^2.5.2",
阅读全文
Successfully created project 'vueSecond' on GitHub, but initial push failed: unable to access
摘要：1.运行git-cmd.exe;2.d: cd 工程路径3.执行命令：git remote set-url origin https://github.com/wawj901124/jmeter.git 其中https://github.com/wawj901124/jmeter.git 是gith
阅读全文
Vue -路由（Vue -Router）
摘要：1.github地址：https://github.com/vuejs/vue-router 2.官方文档地址：https://router.vuejs.org/zh/ 3.Vue-Router安装：npm i vue-router --save 安装完成后，会在项目的package.json文件中
阅读全文
Vue常用的UI组件-Elment（PC端Vue组件库）(饿了么组件)（推荐）
摘要：1.地址：https://element.eleme.cn/#/zh-cn 2.github地址：https://github.com/elemefe https://github.com/ElemeFE/element vue3github地址：https://github.com/Element
阅读全文
Vue常用的UI组件-ant-design-vue
摘要：1.git地址：https://github.com/vueComponent/ant-design-vue
阅读全文
Vue常用的UI组件-Mint UI（移动端Vue组件库）(饿了么组件)
摘要：1.地址：http://mint-ui.github.io/#!/zh-cn
阅读全文
Vue常用的UI组件-vant（轻量、可靠的移动端Vue组件库）(推荐)
摘要：1.github地址：https://github.com/youzan/vant 2.安装：npm i vant -S 安装完成后，会在项目的package.json文件中显示vant插件，如下： "dependencies": { "animate.css": "^3.7.2", "moment
阅读全文
Vue中的发布与订阅
摘要：1.安装 pubsub.js： npm install --save pubsub-js 安装完成后，会在项目的package.json文件中显示pubsub-js插件，如下： "dependencies": { "animate.css": "^3.7.2", "moment": "^2.24.0
阅读全文
