在vue@2.5.0 中 keep-alive 新增了一個 max 屬性可以設(shè)置 cache instance 的個數(shù)

add max prop for <keep-alive> for limiting max number of instances cached

相關(guān)issue

所以個人認為沒有太大必要手動來維護 keep-alive的組件，當然你想的話可以使用include 和 exclude 來實現(xiàn)

不設(shè)置viewport 會使用默認視口展現(xiàn)頁面 一般在1000px寬度作用 想想手機一行顯示60個字的感覺

+1 遇到過同樣的問題 沒有解決。。。

換個思路,不用去監(jiān)聽瀏覽器本身.而是做個長鏈或者websocket就行了,這個和統(tǒng)計在線人數(shù)的道理一樣.
至于所謂的判斷用戶開了多個tab，關(guān)閉一個不屬于登出行為,你可以給每個用戶做個特征比如user_id.
例如:

$userList[$uid]=0;
on('login')時,++$userList[$uid];//=1便是則首次登錄
on('disconnect')時,--$userList[$uid];//=1便是最后一次斷開

這樣就完美了.
補充個突然想到的比喻:判斷魚兒上鉤,不是去盯著魚有沒有張嘴,而是盯著線有沒有動.

將字體大小*dpr的值就可以了

v-if 是將元素在dom樹中刪除 建議使用v-show 原理改變display為none 如果需要刪除元素在使用v-if

那得用AJAX技術(shù)了.

import createHistory from 'history/createBrowserHistory';另外引入試試

js中的閉包機制。

1.我用了58.0.2 的mac版Firefox，確實是和書上說的一樣
2.就是說阻止了a的默認事件如果a被拖到的時候看起來會更加流暢
3.阻止默認行為是只瀏覽器對每個標簽的一些事件的默認處理，比如a標簽的點擊默認事件是進行跳轉(zhuǎn)，至于為什么阻止a的默認事件能阻止active偽類的觸發(fā)，得看Firefox為什么這樣實現(xiàn)，如果標準是這樣的定義的，那么就是chrome實現(xiàn)的不對

/代表webroot是Web Server容器對某些操作的約定，比如forward方法等。但是在純Java中，也就是直接調(diào)用JDK的時候，/所表示的仍然是當前盤符的根，而不是webroot。

這種情況一般都使用相對路徑來做，不要用絕對路徑。

這個加個判斷就行了

meta標簽是不支持媒體查詢，你可以通過js來做這個事情

函數(shù)式的思想，這里用到了 高階函數(shù)(hof) 和 柯理化，以及 js 的閉包。

cached 函數(shù)是一個標準的 hof，接收一個函數(shù)，返回一個函數(shù)。不過它還做了一個小小的優(yōu)化，就是利用閉包，在當前的函數(shù)作用域定義了一個空對象，返回的函數(shù)由于函數(shù)作用域鏈的存在，是可以訪問這個 cache 對象的，另外參數(shù) fn 同理可訪問。

柯理化體現(xiàn)在，如果這個函數(shù)是

function cached(fn, str) {
  return fn(str);
}
function upper(str) {
  return str.charAt(0).toUpperCase() + str.slice(1)
}
cached(upper, camelizedId)

這樣的，其實是一樣可以解決問題的。只不過我每次調(diào)用的時候，都要傳入兩個參數(shù)，fn 和 str?？吕砘褏?shù)變成每次只傳一個，第一個參數(shù)可以被閉包緩存，然后你以后每次調(diào)用默認就有了第一個參數(shù)。比如這里返回了一個新的函數(shù) capitalize，你每次只需要傳入 str 就可以了，函數(shù)調(diào)用的時候比較簡潔。另外，類似形式的都可以使用，比如你有一個把末尾字符小寫的函數(shù) (str) => str.slice(0, str.length - 2) + str.charAt(str.length - 1).toLowerCase()，當然這種情況很少。。。這個處理也是很麻煩的。所以如果你把這個小寫函數(shù)做同樣的 cached 處理，會得到一個新的函數(shù)。

其實作者最想用的還是 cache 對象，因為你會發(fā)現(xiàn)上面我的操作，完全是做無用功，傳入一個函數(shù)，一個
str，執(zhí)行 fn(str)，感覺多此一舉，但其實多了一個作用域可以緩存。作用是把處理過的 str 緩存到對象里，以后再傳入同樣的，就直接從對象里取，不用再調(diào)用 fn 了。

說意義的話，就是細節(jié)的優(yōu)化吧，看起來處理的更優(yōu)雅。性能提升的話，如果是大量的使用這個函數(shù)，直接取緩存的意義重大。如果調(diào)用不多，多執(zhí)行幾次，現(xiàn)在 js 的性能還是沒啥問題的。

安利fp-code

VUE2.0不用插值表達式了吧，把要加入placeholder的值定義在data中 然后 使用 bind：placeholder="你定義的名"嘗試一下

1.你的意思是二級菜單不管怎么點擊都只展示一個吧,如果是這種需求,請望下看;
2.因為你open屬性每個都只是通過menu獲取當前點擊那個菜單,所以無法改變點擊之外菜單的值,我在樓上答案的基礎(chǔ)上優(yōu)化了一點
3.貼上代碼:(借用了樓上的代碼)

<template>
  <div id="app">
    <ul>
        <li v-for="(menu,index) in menus" :key="index">
            <a  @click="toggle(menu,index)">{{menu.name}}</a>
            <ul v-show="menu.open">
                <li v-for="(item,index) in menu.list" :key="index">{{item.name}}</li>
            </ul>

        </li>
    </ul>
</div>
</template>

<script>
export default {
  data() {
    return {
      menus: [
        {
          name: "權(quán)限管理",
          open: true,
          list: [
            {
              name: "用戶管理"
            },
            {
              name: "部門管理"
            },
            {
              name: "角色管理"
            },
            {
              name: "菜單管理"
            }
          ]
        },
        {
          name: "電池管理",
          open: true,
          list: [
            {
              name: "用戶管理"
            },
            {
              name: "部門管理"
            },
            {
              name: "角色管理"
            },
            {
              name: "菜單管理"
            }
          ]
        }
      ]
    };
  },
  methods: {
    toggle(menu,index) {
      if(menu.open){
        menu.open=false
      }else{
        menu.open=true
      }  
      this.menus.forEach((item,indexMenus)=>{
         if(indexMenus!==index){
           item.open=false
         }
      })
    }
  }
};
</script>

4.實際上element有成型的導航欄插件tree中的accordion屬性可以控制這種效果,貼上url:http://element.eleme.io/#/zh-...
5.希望能幫到你

vue的問題，看vue支持列表圖

v-model='value1'是雙綁定的，獲取到選擇的日期后，value1會有數(shù)據(jù)，可通過圖中轉(zhuǎn)換

例如value1中有值，則new Date(this.value1).toString()或new Date(this.value1).toLocaleString()
轉(zhuǎn)換時間格式。

find_element_by_class_nam 定位到btnBook fullWidth 再點擊不行?
最好提供下 網(wǎng)頁源代碼.

升級到layerUI2.0以上的版本，直接用API控制，你會發(fā)現(xiàn)質(zhì)的飛躍