原创 Vue實現拼圖小遊戲
需要的主要參數 App.vue <template> <div> <!-- 子組件通過自己觸發next事件與父組件進行通信 --> <d-puzzle v-bind="puzzleCo
2020-07-06 03:35:44
原创 Vue組件化開發小demo練習
vue組件化知識詳解：地址 使用vue組件化開發完成以下電影展示頁面 ajax請求地址：地址 目錄結構： 其中movieService.js爲ajax請求獲取數據 MovieContainer.js該組件僅用於獲取電影數據 M
2020-07-06 02:57:28
1
原创 Ubuntu18.04搭建VUE環境 VSCode
目錄1.nodejs下載安裝2.npm安裝下載3.更新4.Vue安裝1.安裝手腳架工具@vue/cli5.在VSCode中下載Vtur插件6.錯誤集錦 1.nodejs下載安裝 下載更新前先更新軟件源 sudo apt-get u
2020-07-06 02:57:28
2
原创 解決創建vue項目太慢問題（吐血經歷）！！
在創建vue項目的時候，不知道原來坑這麼深（emmmm是我太lj）。大家千萬不要相信那些什麼設置淘寶鏡像。並沒有什麼用，還是慢的1b，不要問我是怎麼知道的。後來發現了一個快速的方法，如下： 這裏使用的是vue2.x的使用init
2020-07-06 02:57:28
1
原创 vue數據管理vuex小demo練習
接着前面的demo繼續練習,前面的練習地址 主要練習數據管理Vuex,解決數據共享問題.主要涉及的知識點地址 效果: 項目文件目錄: 在昨天的基礎上增加了數據管理倉庫文件夾其中包含 index.js 數據倉庫文件 movie.
2020-07-06 02:57:28
1
原创 vue路由小demo練習
路由知識詳解地址 接着前面的demo地址繼續練習路由知識. 主要完成首頁和電影無刷新跳轉切換以及動態路由.實際就是組件之間的切換 先上效果圖 首頁:(簡單表示一下) 電影頁: 假設有一個電影詳情頁，詳情頁需要根據電影的id來獲
2020-07-06 02:57:28
原创 vue數據管理vuex知識詳解
文章目錄數據管理安裝初始化狀態狀態模塊化數據變化追蹤數據變化啓用命名空間異步處理 數據管理 在實際的開發中，經常會遇到多個組件共享一個數據的場景 面對這種場景，會產生至少以下兩個問題： 多個組件如何共享同一份數據？ 如果某個組
2020-07-06 02:57:28
1
原创 vue組件通信（觸發事件、註冊事件）詳解
文章目錄組件事件v-model插槽 組件事件 組件之間經常都會發生消息的傳遞，我們稱之爲組件通信 prop是組件通信的一種，消息從父組件傳遞到子組件 但還有一些場景，就是子組件中發生了一件事，可是它沒有能力處理這件事，需要使用它的
2020-07-06 02:57:28
原创 vue組件通信小demo練習
本次練習是在上次vue組件練習的基礎上增加了分頁和朦層的效果。組件化開發練習文章見地址 先上效果圖： 目錄結構: 在上次的基礎上添加了分頁組件Pager.js和朦層組件Loading.js和Modal.js以及修改了容器組件
2020-07-06 02:57:28
原创 vue路由知識詳解
文章目錄vue路由安裝組件切換的位置路由規則配置路由模式配置路由跳轉超鏈接跳轉router-link組件匹配的類樣式命名路由代碼跳轉$route$router動態路由匹配動態地址獲取動態內容路由跳轉時傳遞動態內容 vue路由 一個
2020-07-06 02:57:28
原创 vue模板與配置
文章目錄準備工作基本原理創建vue工程創建vue實例數據響應式模板的編譯模板和配置模板插值指令配置 準備工作 編輯器和插件 編輯器：vscode 插件：live server，自動搭建一個簡易的本地服務器，可以從服務器訪問頁面
2020-07-06 02:57:28
1
原创 解決報錯Cannot find module 'webpack'問題
文章目錄1.全局安裝webpack2.進入項目目錄 link webpack3.再次打包運行項目 npm run start發現報錯4.安裝extract-text-webpack-plugin5.安裝webpack-merge6
2020-07-06 02:57:28
原创 Vue組件知識詳解
文章目錄組件概念組件開發創建組件使用組件註冊組件應用組件組件樹向組件傳遞數據組件實例的生命週期 組件概念 一個完整的網頁是複雜的，如果將其作爲一個整體來進行開發，將會遇到下面的困難 代碼凌亂臃腫 不易協作 難以複用 vue推薦
2020-07-06 02:57:28
1
原创 報錯ReferenceError: BASE_URL is not defined解決方法
運行vue項目報錯：BASE_URL is not defined 可以將 <link rel="icon" href="<%= BASE_URL %>favicon.ico"> 換成： <link rel="icon" h
2020-07-06 02:57:28
原创 JS 第一個只出現一次的字符
在字符串 s 中找出第一個只出現一次的字符。如果沒有，返回一個單空格。 s 只包含小寫字母。 解題思路參考：數組中重複的數字 示例: s = “abaccdeff” 返回 “b” s = “” 返回 " " var first
2020-07-06 02:57:18