原创 Spring Boot+Vue前後端分離商城實戰(十一)CSS 預處理器 Less

前言 本章我們要講的是 CSS 預處理器,沒有學過預處理器的同學,會認識到原來 CSS 也能設置變量、方法。吃透本章內容,對後期上手開發項目寫 CSS 部分,有很大的幫助,比如項目的主題色我們可以設置多個變量,不用重複的編寫。F

原创 Spring Boot+Vue前後端分離商城實戰(七)前端開發之 VSCode 編輯器

前端常用編輯器介紹 Visual Studio Code 簡介:由微軟研發,號稱是前端現今使用率最高的編輯器,開源項目,並且免費使用。 優點:開源,插件豐富,社區活躍,版本迭代更新頻繁。尤其是插件的安裝和卸載,可直接在編輯器內操

原创 Spring Boot+Vue前後端分離商城實戰(十二)Vue 前端路由介紹

Vue-Router 是什麼 簡介 單頁面開發模式的路由全權交由前端來控制,這裏的路由不是我們說的路由器等硬件設備,它是前端的路徑管理器。而 Vue-Router 是官方提供的路由插件,市面上也不乏路由管理插件,但是隻有 Vue

原创 Spring Boot+Vue前後端分離商城實戰(十三)狀態管理之 Vuex

Vuex 是什麼 簡介 官方解釋:Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方調試

原创 Spring Boot+Vue前後端分離商城實戰(十四)Vue 商城端項目啓動及注意事項

前言 在正式開發項目前,我們把整個前端的應用架構搭建整齊。 我曾經很多次在沒有把項目架構搭建完善的情況下,倉促的開始了項目的開發,結果就是遇到一個問題就去完善一個問題,就比如忘記添加路由,又要去把路由文檔看一遍,忘記添加 Vue

原创 Spring Boot+Vue前後端分離商城實戰(八)Vue 指令介紹

準備工作 學習一門新的框架語言,我個人認爲最好的方式就是去它的官網把相應的生命週期以及 API 都用 Demo 的形式實操一遍。那麼本課程也不例外,帶大家簡單瞭解一下 Vue 的指令和生命週期,等實戰環節的時候,會講解的更加細緻