Vue 學習隨筆五 - 簡單專案設計
學一門技術的最好方法是用這個技術去做一件事情，現在規劃一下我們這個DEMO的簡單需求。
概述：做一個後臺系統，實現簡單的實體CRUD，以及跟前臺的互動功能。
UI：整合Bootstrap樣式，實現簡單後臺的框架
後臺：Springboot，使用Kotlin開發
需求：User的CRUD，User包括子類Car
就這麼簡單的功能，主要是用來學習VUE+Kotlin。
第一步：整合Bootstrap，畢竟不會做樣式，真實專案有UI去操作，我們目前只需要簡單的使用現成的框架即可。
1. 安裝Bootstrap，在CMD(專案當前路徑，推薦使用webstrom 的 Terminal)中執行，cnpm install bootstrap；
2. 在專案的src/main.js 中新增以下程式碼，這些引用會在全域性有效：
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
3. 未完待續
相關推薦
Vue 學習隨筆五 - 簡單專案設計
學一門技術的最好方法是用這個技術去做一件事情，現在規劃一下我們這個DEMO的簡單需求。 概述：做一個後臺系統，實現簡單的實體CRUD，以及跟前臺的互動功能。 UI：整合Bootstrap樣式，實現簡單後臺的框架 後臺：Springboot，使用Kotlin開發 需求：User的CRUD，User包括子
Vue 學習隨筆五 - 簡單項目設計
pan badge mil closed css ret false justify nbsp 學一門技術的最好方法是用這個技術去做一件事情，現在規劃一下我們這個DEMO的簡單需求。 概述：做一個後臺系統，實現簡單的實體CRUD，以及跟前臺的交互功能。 UI：集成Boots
Vue 學習隨筆二 - 簡單說明
接上篇，點選連結會出現如下頁面，我這個demo因為做了一些了，臨時改回初始狀態，一些樣式已經不一樣了，見諒： 程式碼如下： <template> <div>{{ msg }}</div></template><script>export d
Vue 學習隨筆三 - webstorm簡單配置
內容 問題 分代 javascrip 開發人員 規則 ret ctrl+ 添加 工欲善其事，必先利其器。 現在我們說一下，剛開始新建project的時候，選擇的ESLint，這是一個代碼規範規則，用來統一不同開發人員，不同開發工具產生的不一樣的代碼風格，導致公共代碼的可讀性
vue學習筆記五：在vue專案裡面使用引入公共方法
今天早上來到公司，沒事看了一下別人的部落格，然後試了一下，發現的確是可以的，在此記錄一下，方便自己日後查閱。 首先新建一個資料夾：commonFunction ,然後在裡面建立 一個檔案common.js 建立好之後，在main.js裡面引入這個公共方法
vue學習(十五) 過濾器簡單實用
html 文本 連續 replace 學習 repl div cti 函數 vue過濾器： 概念：vue.js允許你自定義過濾器可被用作一些常見文本的格式化。過濾器可以用在兩個地方：插值表達式 v-bind表達式 由管道符指示 //過濾器調用時候的格式 {{
Vue 學習隨筆四 - 路由介紹
專案新建成功後，我們嘗試著新增一個新的頁面。此時，我們需要使用VUE預設的router功能，在src/router下面有個index.js檔案。 預設的是下面這個樣子： 其中 import 代表匯入這個頁面，下面對應的有一個路由的定義，初始化的時候定義了一個 "/" 的預設路徑。 這
Vue 學習隨筆一 - 初始化
Vue最近火的一塌糊塗，之前靠著年輕時候學過的一點jQuery皮毛，一直在勉強堅持做著前端的一些工作，個人水平不夠，不是說jQuery不好。但是想到年紀大了的人也要與時俱進，故，乘著專案空閒期，試了一下 VUE 和 Kotlin (java開發技術，在後續的文章會涉及)。這裡，我略過那些VUE怎麼高大上，怎麼
Vue學習（五）——v-if,v-show,v-for指令
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>v-if,v-show,v-for指令</title> <script
vue學習十五(props解耦、props 布林-物件-函式三種模式)
$route耦合 在元件中使用 $route 會使之與其對應路由形成高度耦合，從而使元件只能在某些特定的 URL 上使用，限制了其靈活性。 <!DOCTYPE html> <html lang="en"> <head>
springboot學習之構建簡單專案搭建
概述 相信對於Java開發者而言，spring和springMvc兩個框架一定不陌生，這兩個框架需要我們手動配置的地方非常多，各種的xml檔案，properties檔案，構建一個專案還是挺複雜的，在這種情況下，springboot應運而生，他能夠快速的構建spring專案，而且讓專案正常執行起來的配置檔案
機器學習隨筆五—十大經典演算法—KNN (K最近鄰)
1. K-近鄰演算法原理 K最近鄰(kNN，k-NearestNeighbor)分類演算法，見名思意：找到最近的k個鄰居（樣本），在前k個樣本中選擇頻率最高的類別作為預測類別，什麼？怎麼那麼拗口，沒圖說個JB，下面舉個例子，圖解一下大家就會顯而易見了，如下圖：
vue學習（五）元件
1.簡單案例 <div id="components-demo"> <button-counter></button-counter> </div>
Vue學習之四(webpack+專案搭建)
過濾器 區域性過濾器:寫在元件的物件中 和data同級.filter() 全域性過濾器: 元件定義外部Vue.filters() webpack學習 是什麼? 前端資源化模組化管理和打包工具; 按照依賴關係打包生成符合生產環境的靜態資源;
vue學習總結二：專案前期準備工作
當我們構建完專案之後不要急於開始寫程式碼，一些準備工作還是必須要先完成的，比如：因為我們是做的移動端單頁面的專案，會存在300ms的點選延遲問題，改怎麼解決？由於各遊覽器廠商對不同html標籤的樣式具有不同的初始化定義，因此我們要做到遊覽器相容性的話就必須要統一初始化一個樣式
好程式設計師教程分析Vue學習筆記五
好程式設計師教程分析Vue學習筆記五，上次我們學習了Vue的元件，這次我們來學習一下路由的使用。在Vue中，所謂的路由其實跟其他的
Vue-學習筆記0-獨立專案搭建
前言 搭建Vue+Webpack專案，使用vue-cli搭建專案。 準備 vue獨立專案依賴node的npm包管理器，所以需要先安裝node。 相關的npm常用命令文章： Npm-常用命令，點選訪問 Vue官方文件，點選訪問 步驟 安裝vue-cli腳手架 npm install -g vue-cli
vue學習筆記(五)條件渲染和列表渲染
前言 在眾多的程式語言中，我們的基礎語法總是少不了一些專業語法，比如像定義變數，條件語句，for迴圈，陣列，函式等等，vue.js這個優秀的前端框架中也有同樣的語法，我們換一個名詞，將條件語句改成專業詞彙叫做條件渲染，迴圈語句改成專業詞彙叫做列表渲染，這樣比較舒服一點。 本章目標 學會條件渲染的使用
vue學習-入門：vue-cli新建簡單專案
1.安裝node.js npm包管理器整合在node中，安裝好後命令：npm -v 可以看到版本 下載連結：https://nodejs.org/en/download/ 2. npm 安裝速度慢，使用淘寶的映象及其命令 cnpm npm install -g cnpm --regist
跟著專案學設計模式(五):簡單工廠+單例模式+靜態類+延遲載入
接上文，專案交付之後，我們的類庫開發人員發現自己穿越了，回到【設計模式——2、簡單工廠模式】這篇文章所在時間線的最末尾。 由於穿越所造成的蝴蝶效應，這個專案後期雖然確實需要擴充套件，但是隻是要增加五到六個產品類，並要求儘快交付，以便將關注點放到其他更有價值的專案中去，那趕快