原创 差不多也是逐步要離開的時候了

很感謝簡書這個平臺提供的友好文章編寫功能,但是近期由於我的文章下方帶有公衆號二維碼的原因,將逐步將我所有的文章逐步全部封鎖。 這不是我可以改變的,我會照樣更新,但是文章肯定會被積極的繼續封鎖,所以後面我會將發佈過的文章逐步整理好,遷移發佈到

原创 66. Vue 結合webpack使用jquery以及boostrap

需求 有時候在 Vue 框架開發的時候,還是存在需要使用 jquery 以及 boostrap 的場景的,這個時候就需要安裝 Jquery 以及 boostrap 了。 安裝 jquery 以及 popper 使用 npm 安裝 jquer

原创 63. Vue MUI的基本使用

前言 上一篇章寫了 Mint-UI 的基本使用,本篇章再來介紹MUI。 注意: MUI 不同於 Mint-UI,MUI只是開發出來的一套好用的代碼片段,裏面提供了配套的樣式、配套的HTML代碼段,類似於 Bootstrap; 而 Mint

原创 65. Vue中的作用域插槽

需求 上一篇章,我們講解了Vue中插槽的基本使用方法,本篇章來講解作用域查看的情況。這是一種什麼情況呢? 簡單來說就是使用 v-for 渲染插槽的數據傳遞情況,下面來具體示例說明一下。 示例說明 首先編寫一個基礎的代碼,編寫好一個子組件 <

原创 64. Vue中的插槽slot

需求 在Vue的組件開發中,有些情況組件中的 html 內容是需要通過父組件判斷之後,纔能有確認的。沒有理由對於父組件的判斷編寫多個存在一定重複代碼的組件來進行切換吧!這時候就需要使用到插槽 slot 了。 下面來寫一個代碼示例,講解一下這

原创 62. Vue 餓了麼Mint UI組件的基本使用

前言 前面的篇章基本已經說明在webpack中如何構建vue框架的時候。除了這些基礎框架的要素,爲了快速開發app應用。還要藉助於更多的開源組件。 本篇章就來介紹一下如何基本使用餓了麼的Mint UI組件。 使用 餓了麼的 MintUI 組

原创 61.Vue 結合webpack使用vue-router

需求 在前面的篇章,我們已經使用export default以及render函數完成的vue框架在webpack中的組件基本使用方式。 可以繼續往下看看,在 vm 中只能使用 render 來渲染一個組件,如果有更多需要的組件,該如何去集成

原创 60.Vue export default 和 export 的使用方式

需求 上一篇章中,我們已經使用webpack構建起了vue開發渲染組件的項目。 但是如果想要調用vue組件的方法,該怎麼處理呢? 使用 export default 調用 login 組件的方法 在login.vue中使用export d

原创 58.Vue 使用render方法渲染組件

需求 在Vue中渲染組件的時候,不單單可以使用components來註冊組件,還可以使用一個render方法來返回一個組件的html結構。 下面來看看不同的區別。 官網介紹:https://cn.vuejs.org/v2/guide/ren

原创 57. Vue webpack4中babel基本使用

webpack 中 babel 的配置 在日常開發中,如果在項目中使用ES6、ES7等高級語法進行開發,那麼瀏覽器是無法識別的。這時候就需要使用 babel 進行語法的轉化,將其轉化爲 ES5 的語法,提供瀏覽器識別。 babel的官網地址

原创 59.Vue 使用webpack構建vue項目

前言 在前面的篇章中,已經說明了 webpack4 的基本使用,那麼本章節開始在 webpack4 中構建vue項目,同時對比看看這種構建方式,與在網頁script導入 vue.js 中的區別。 構建webpack項目開發 首先重新構建we

原创 56. Vue原生js的組件拆分結構設計

需求 在歷史問題的情況下,存在需要往jquery項目中引入vue.js框架的情況,這種情況下,因爲前期並沒有使用webpack進行打包壓縮,所以考慮直接使用原生的js拆分vue.js的組件,不依賴與wabpack等打包軟件。 思路 因爲沒有

原创 55. Vue webpack的基本使用

1. 存在的問題 1.1 在網頁中會引用哪些常見的靜態資源? JS .js .jsx .coffee .ts(TypeScript 類 C# 語言) CSS .css .less .sass .scss Images .jpg .png

原创 51. Vue名稱案例-使用watch監聽數據變化

需求 上一章節,我才用了監聽keyup事件的方式,實現了一個名稱拼接的案例。那麼其中Vue框架提供一個watch組件,可以用來監聽數據的變化,然後再執行相關的業務方法。 那麼,本篇章則可以使用watch來實現。下面先來看看官網的基本功能說明

原创 52. Vue使用watch監聽網頁的URL變化

需求 上一篇章使用watch組件通過監聽文本框的參數變化,實現了名稱拼接的案例。這種業務使用事件監聽都可以處理,但是如果需要監聽網頁的URL地址變化,這樣事件監聽肯定是做不了的。那麼此時就可以使用watch來實現了。 那麼這個實現的思路該怎