1.動態組件 在某些場景，往往需要我們動態切換頁面部分區域的視圖，這個時候內置組件component就顯得尤為重要。 component接收一個名為is的屬性，is的值應為父組件中注冊過的組件的名稱，用法如下： 示例如下： Example.vue： 效果 ...

component：用於動態組件，查看博文vue學習之組件。 transition：過渡和動畫，查看官網文檔進入/離開&列表過渡。 transition-group： keep-alive： Props： include - 字符串 ...

一、動畫過渡 關於動畫部分，一般是css3的transtion、transform和animation，這部分可以參考w3school上的內容。 二、vue的內置組件 vue的內置組件一共有五個（截至到目前vue2.x），這里主要介紹的是過渡組件<transition>和< ...

slot 是vue的內置組件，主要分為傳值和接收值兩部分; 首先寫一個自定義組件：例如 <js></js> 再寫一個template模板 並在構造器中使用components：{} 掛載， 在構造器的data中寫一個選項方法： data ...

首先來看看實例的概述： 實例就是在構造器外部操作操作構造器內部的屬性和方法。 實例的作用就是給Vue提供與其它js及其框架結合使用的接口。 進入實例階段： 首先來看 Vue.js 搭配 jQuery 使用： 頁面輸出：jQuery操作DOM!，改變 ...

背景介紹：外派到泰康做項目。這個項目中有個選擇組織的功能，是一個樹樁結構的懶加載，於是我就element-ui的tree組件封裝了一個公共的組件。 但是后來發現他們的公司組織結構不是都請求的同一個接口，於是想着組件里面給加個url參數就可以了。但是他們的人 ...

1.前言： <keep-alive>是vue實現的一個內置組件，也就是說vue源碼不僅實現了一套組件化的機制，也實現了一些內置組件。 <keep-alive>官網介紹如下：<keep-alive>是Vue中內置的一個抽象組件，它自身不會渲染一個 DOM 元素 ...

vue中強大的緩存機制之keep-alive 　　最近在用vue做項目，在切換頁面時發現切換回原來的頁面無法保存原來的狀態。 如A頁面需要ajax請求數據，然后切換到B頁面做某些事情，再切換回A頁面時，A頁面又再請求數據，但是作為前端，性能優化時必須要考慮的，並且，vue構建的單頁面應用，大多數 ...