Better-Scroll滚动插件

  1. import BScroll from "better-scroll";
  2. <html>
  3.   <div ref="Content">
  4.       <ul ref="Ul">
  5.           <li>...</li>
  6.       </ul>
  7.   </div>
  8. </html>
  9. <script>
  10.   this.$nextTick(() => {
  11.   let width = 92; //每个li的宽
  12.   this.$refs.Ul.style.width = width * this.seckillGoods.length + 'px';
  13.   if (!this.scroll) {
  14.     this.scroll = new BScroll(this.$refs.Content, {
  15.       startX: 0,
  16.       click: true,
  17.       scrollX: true,
  18.       // 忽略竖直方向的滚动
  19.       scrollY: false,
  20.       //横向滚动
  21.       eventPassthrough: "vertical"
  22.     });
  23.   } else {
  24.     this.scroll.refresh();
  25.   }
  26. });
  27.  </script>

vuex持久化插件: vuex-persistedstate

  1. import Vuex from 'vuex'
  2. import persistedState from 'vuex-persistedstate'
  4. new Vuex.store({
  5.     moudle: {},
  6.   plugins:[persistedState()] //默认使用loacalStorage存
  7.   // persistedState({ storage: window.sessionStorage }) //使用sessionStorage存
  8.   // persistedState({ //使用cookie存
  9.   //     storage: {
  10.   //       getItem: key => Cookies.get(key),
  11.   //       setItem: (key, value) => Cookies.set(key, value, { expires: 7 }),
  12.   //       removeItem: key => Cookies.remove(key)
  13.   //     }
  14.   //   })
  15. })

localStorage插件：store.js

  1. import * as $ls from 'store'
  3. $ls.set('shopNo', '732717077')
  5. $ls.get('shopNo')