原创 Vue組件實例
Vue 動畫效果過渡模式 相同標籤名的元素切換 <div id="demo"> <transition> <button v-bind:key="isEditing" v-on:click="isEditing =
2020-06-16 04:10:10
原创 vue列表滾動對應側邊地圖變化方法
看到很多同學在每個列表設置id去獲取，根據滾動的時候判斷那個條目的外層dom距離窗口定部最近，就顯示哪個條目的地圖信息。但我這裏利用forEach循環獲取每個列表索引值和座標。 父組件 <template> <div>
2020-06-16 04:10:10
原创 關於node.js和gulp配置環境問題
關於node.js和gulp配置環境問題 前段時間接觸ajax的時候發現筆記本的配置環境出了問題，很不方便。用apache配置略繁瑣，考慮到不是大型項目，用node.js配置就夠了。查找資料後研究了好久，總是安裝好了，記錄一下步驟
2020-02-20 16:58:33
原创 關於vue環境配置
關於vue環境配置 1.安裝node.js 在node.js官網根據情況下載（Windows 系統 (.msi) 64位），選擇安裝路徑後一直next下去 ，最後點擊 Finish完成。 2.利用淘寶npm鏡像安裝相關依賴
2020-02-20 16:58:33
原创 element ui + nuxt + koa構建項目
1全局安裝npx npm install -g npx 2.創建項目 npx create-nuxt-app <name> 選擇項： koa element-ui eslint axios 3.爲防止編譯出錯 安裝 npm i
2019-07-30 13:53:17
原创 vuex用例
vuex基礎用例 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { count:0 }, const muta
2019-07-05 13:54:14
原创 關於koa框架
安裝 官網介紹： Koa 是一個新的 web 框架，通過利用 async 函數，Koa 幫你丟棄回調函數，並有力地增強錯誤處理。 Koa 並沒有捆綁任何中間件， 而是提供了一套優雅的方法，幫助您快速而愉快地編寫服務端應用程序。 官
2019-07-05 13:54:14
原创 MongoDB數據庫安裝
最近做項目接觸到MongoDB，這裏簡單做下筆記。 安裝 1.官網下載，根據電腦配置下載 安裝詳情 這裏我裝在E盤 2.然後創建一個（mongodbdata）文件存放數據 請注意，數據目錄應該放在根目錄下，否則啓動失敗 這裏我在
2019-07-05 13:54:14
原创 嵌套路由nuxt-child組件（父子頁面組件的傳值）
鏈接： nuxt文檔 相關文章 1.創建內嵌子路由，需要添加一個 Vue 文件，同時添加一個與該文件同名的目錄用來存放子視圖組件。 這裏在pages裏新建一個fanil.vue、fanil文件夾 2.fanil.vue源碼 <t
2019-06-22 13:55:02
31
原创 nuxt.js配置實現axios在開發時的跨域代理
近期在學習nuxt框架，爲接下來的項目做準備， 學習的目的是爲了解決單頁面應用的 SEO 的問題，因爲要做新聞網站，用服務端渲染。 以下是在網上nuxt配置實現axios代理，解決跨域的問題方案。 原筆記 1.在項目中安裝好axi
2019-06-21 14:06:29
1
原创 關於nuxt.js
CSS 配置 如果要使用 sass 就必須要安裝 node-sass和sass-loader 。 npm install --save-dev node-sass sass-loader 在 nuxt.conf.js中，添加要
2019-06-20 14:01:41
原创 vue 電子書字體大小設置功能
方法一：父子組件傳值 父組件 <!--底部菜單欄 --> <menu-bar :ifTitleAndMenu="ifTitleAndMenu" :defaultFontSize="defaultFontSize"
2019-05-21 13:56:23
原创 vue單頁備忘錄功能
介紹 實現效果 demo源碼 功能 1.vuex狀態集成，添加內容保存到列表功能 2.點擊列表進入詳情頁功能 3.vue-router路由管理，組件跳轉。 4.mint-ui組件庫引入，新增列表左滑刪除功能。 5.表單功能 環境
2019-05-06 16:28:05
12
原创 關於升級vue-cli3.0踩坑記錄
最近在學@vue/cli 3.x API，升級vue-cli3.0最新版本的時候遇到很多坑，繞了很多彎。查了很多資料，最終解決。記錄一下遇到的問題，以防以後再次發生。 1.升級@vue/cli 3.x 需要安裝node.js最新版本。
2019-03-12 13:38:22
4
原创 Vue客戶端存儲
客戶端存儲 關於客戶端存儲：通過把數據存儲在瀏覽器中，用戶不必每次都向服務器請求獲取同一個信息。離線時，使用本地存儲的數據而不是向遠端服務器上請求數據就顯得非常有用。 Local Storage 適合存儲你希望進行持久化的較小數據集，
2019-03-05 14:49:20