Vue 從入門到進階之路（一）
vue 3.x 馬上就要問世了，顯然尤大大是不想讓我們好好活了，但是轉念一想，比你優秀的人都還在努力，那我們努力還有什么用，開個玩笑而已，本人對於 vue 的接觸時間不長，對其也沒有深入地去研究源碼，但是在 vue 3.x 出來之前，還是想再復習一下 vue2.x ，好記性不如爛筆頭，特此記錄 ...
原文：vue從入門到進階：簡介（一）
前言 用了這么久的vue了，但是一直沒有時間寫個系列文章，現在抽一定時間總結下vue的知識點。 首先，Vue 不支持 IE 及以下版本，因為 Vue 使用了 IE 無法模擬的 ECMAScript 特性。但它支持所有兼容 ECMAScript 的瀏覽器。下面總結的內容是在 .x的版本。 安裝 直接用 lt script gt 引入 直接下載並用 lt script gt 標簽引入，Vue 會被注冊 ...
2018-01-10 14:49 0 2697 推薦指數：
相關推薦
Vue 從入門到進階之路（二）
之前的文章我們初識了 vue，對其原理，數據綁定和方法進行了簡單的演示，本篇將對 vue 插值表達式，v-text，v-html 進行講解。 運行結果如下： 我們可以看出： {{ }} 插值表達式：可以輸出非 HTML 標簽數據，無法轉義 HTML 標簽 ...
Vue 從入門到進階之路（三）
之前的文章我們已經對 vue 有了初步認識，這篇文章我們通過一個例子說一下 vue 的方法 methods，計算屬性 computed 和監聽器 watch。 現在我們有一個需求，變量 firstName = "hello"，變量 lastName = "world"，我們需要將這兩個變量拼接 ...
Vue 從入門到進階之路（四）
之前的文章我們已經對 vue 有了初步認識，這篇文章我們通過一個例子說一下 vue 的樣式綁定。 現在我們想要是想這樣一個需求，頁面上有個單詞，當我們點擊它的時候顏色變為紅色，再點擊一次變為原來的顏色。按照以往的思路我們需要根據 js 找到這個 DOM 然后對其進行樣式上的修改，那么在 vue ...
Vue 從入門到進階之路（九）
之前的文章我們介紹了 vue 中父組件之間的傳值，本章我們再來看一下父子組件間傳值的參數校驗和非 Props 特性。 上面的代碼中我們我們在父組件中定義了一個 title 數據，並通過 :title="" 的形式將 title 數據傳給子組件 child，然后子組件 ...
Vue 從入門到進階之路（十三）
之前的文章我們介紹了一下 vue 中的作用域插槽，本章我們來看一下動態組件與 v-once 指令。 上面的代碼中，我們定義了兩個子組件 child-one 和 child-two，並且我們在父組件中定義了一個 handleClick() 方法，當點擊時我們通過父組件中 type ...
vue從入門到進階：指令與事件（二）
一.插值 v-once 通過使用 v-once 指令，你也能執行一次性地插值，當數據改變時，插值處的內容不會更新。但請留心這會影響到該節點上所有的數據綁定： v-html 雙大括 ...
Vue 從入門到進階之路（十四）
之前的文章我們對 vue 的基礎用法已經有了很直觀的認識，本章我們來看一下 vue 中的生命周期函數。 上圖為 Vue官方為我們提供的完整的生命周期函數的流程圖，下面的案例我們只是走了部分情況流程，但所有的生命周期函數都涉及到了。 從上面的代碼中我們可以看出 vue ...