原创 vue中computed & methods & watch 的區別
1. computed 和 methods 最終實現的結果是一樣的，然而，不同的是計算屬性是基於它們的依賴進行緩存的。計算屬性只有在它的相關依賴發生改變時纔會重新求值。這就意味着只要 message 還沒有發生改變，多次訪問 revers
2020-06-24 09:21:22
1
原创 Vue模擬數據的使用mockjs
1. npm i mockjs --save-dev2. 創建mock\mock.js3. import Mock from 'mockjs';Mock.mock('user',{ 'name':'@name', 'age|1-100':
2020-06-24 09:21:22
原创 vue路由驗證和請求攔截
1.在定義路由時添加自定義字段meta: { requireAuth: true,},2.使用路由定義的鉤子函數router.beforeEach((to, from, next) => { if (to.meta.requireAuth
2020-06-24 09:21:22
原创 array.filter()
//利用filter取素數 function get_primes(arr) { var i; return arr.filter(function (element) { var flag = true;
2020-02-23 18:16:59
原创 vue.filter&computed
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>vue自定義過濾器</title> <script src="https://cdn.jsdelivr.net/npm/v
2020-02-23 18:16:59
原创 vue 中使用fastclick
1. cnpm i fastclick --save2. 在main.js中引入並綁定到body import fastclick from 'fastclick';3. fastclick.attach(document.bod
2020-02-23 18:16:59
原创 Vue項目加載本地的json文件模擬請求後臺數據
1. 安裝express和axioscnpm i express --save & cnpm i axios --save2. 在main.js中引入axiosimport axios from ‘axios’；Vue.prototyp
2020-02-23 18:16:59
原创 Vue封裝請求
import axios from 'axios';import qs from 'qs';// axios 配置axios.defaults.timeout = 5000;axios.defaults.headers.post['Con
2020-02-23 18:16:59
原创 vue keepalive路由跳轉保留離開時的位置，回到原頁面時是在離開時的位置
與keepAlive結合，如果keepAlive的話，保存停留的位置：scrollBehavior (to, from, savedPosition) { if (savedPosition) { ret
2020-02-23 18:16:59
原创 在iOS中去掉input的光標
在input上添加readonly unselectable="on" οnfοcus="this.blur()"<input type="text" readonly unselectable="on" οnfοcus="this.bl
2020-02-23 18:16:59
原创 Vue打包後部署NGINX，router mode history
server { listen 80; server_name localhost; index index.html; root / root / dist; location / {
2019-04-24 09:41:59
1
原创 Vue中央事件總線bus
大家都知道，一個 ，可以作爲一個簡單的組件傳遞數據，用於解決跨級和兄弟組件通信問題，那麼，這篇文字，我將使用這種思想，將bus封裝爲一個Vue的插件，可以在所有的組件間任意使用，而不需要導入bus。 首先，我們使用vue-cli創建一個項
2019-04-20 08:51:59
1
原创 vue-cli3 一直運行 /sockjs-node/info?t= 解決方案
vue-cli3 一直運行 /sockjs-node/info?t= 解決方案 首先 sockjs-node 是一個JavaScript庫，提供跨瀏覽器JavaScript的API，創建了一個低延遲、全雙工的瀏覽器和web服務器之間通信通
2019-04-19 04:27:40
5
原创 圖片中添加隱藏信息
<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='renderer' content='webkit'> <
2018-09-19 03:38:20
2