原创 ajax 全局loading 配置 ajax 正在加載中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .load

2018-12-26 22:47:17

原创 Vue props父組件向子組件傳遞數據與$emit子組件向父組件傳遞數據

如果需要子父級組件傳遞參數，就必須要有子父級關係，所以創建一個Parent.vue和一個Child.vue 。父組件中引入子組件，如圖： 父組件代碼 <template> <div> <h1>父組件</h1>

2018-12-23 19:52:10

原创 react 腳手架搭建

1.安裝官方腳手架 npm install -g create-react-app 如果是Mac 請加上sudo 如： sudo npm install create-react-app 2.創建項目create-react-ap

2018-12-23 19:52:10

原创 mac Vue3.0腳手架從零搭建

1.安裝node.js,下載LTS穩定版本 點擊鏈接進入下載頁面Node.js官網 安裝完成後在終端輸入node -v 查看版本號，如圖顯示： 2.使用npm全局安裝webpack 安裝命令：sudo npm install web

2018-12-14 19:22:18 1

原创 vue3.0線上發佈axios配置

在main.js中加入Axios.defaults.baseURL = ‘線上請求地址’; 打包上線的時候把註釋解開就好 import axios from '../http.js'//引入axios Vue.prototype.$a

2018-12-07 19:54:33 1

原创 vue3.0跨域配置

1.項目根目錄新建vue.config.js文件，把一下代碼複製到vue.config.js中 module.exports = { lintOnSave: false, baseUrl: process.env.NO

2018-12-07 19:54:33 18

原创 Vue3.0 console.log語法報錯

Vue3.0 console.log()語法報錯 只需要改成window.console.log() 即可解決

2018-12-07 19:54:33

原创 vue3.0+element Loading加載 請求攔截與相應攔截全局配置

在根目錄新建 http.js文件 main.js引入http.js文件 需引入element-ui 複製粘貼即可使用！ import axios from 'axios'//引入axios import { Loading,Mes

2018-12-07 19:54:33 1

原创 vue3.0 vue-awesome-swiper 輪播

1、安裝 vue-awesome-swiper 2、全局引入vue-awesome-swiper 代碼如下 import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesom

2018-12-07 19:54:33 39

原创 vue3.0動態設置title

1.安裝vue-wechat-title 2.引用插件，在main.js中，首先import然後再use即可，具體代碼如下： import Vue from 'vue' import VueWechatTitle from 'vue-

2018-12-07 19:54:33

原创 Vue3.0 vue-lazyload圖片懶加載

1、安裝vue-lazyload 2、main.js中加入以下代碼 import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload, { preLoad: 1.3,//距離當前

2018-12-07 19:54:33 5

原创 vue3.0+element-ui 手機驗證+60S驗證碼

<template> <div class="root"> <el-form :model="Register" ref="RegisterForm" label-width="0" class="R

2018-12-07 19:54:33