公用方法、樣式處理

// 引入公共檔案
import './assets/css/reset.css'
import './assets/js/useRem.js'

exports.install = function (Vue, options) {
  // 提示框
  Vue.prototype.pupUp = function (title) {
    var tips = document.getElementById('tips');
    tips.innerHTML=title;
    tips.style.display = 'block';
    var timer = null;
    timer = setTimeout(function () {
      tips.style.display = 'none';
    }, 3000)
  };
};
 

// 引入公共函式
import base from './base'
Vue.use(base);

 <h1>{{price | myCurrency}}</h1> 

 this.$router.push({
          name: 'Login',
          query: { redirect: '/' }
      })

 watch: {
    // 監聽手機號碼改變傳送驗證碼狀態
    codePhone: {
      handler: function(val, oldval) {
        if (this.phoneReg.test(val)) {
          this.$refs.btnSend.removeAttribute('disabled')
          this.$refs.btnSend.style.background = '#d0e8d2'
          this.$refs.btnSend.style.color = '#8aa78a'
          this.$refs.btnSend.style.boxShadow = '0 0px 3px 0px #a5d4ad'
        } else {
          this.$refs.btnSend.setAttribute('disabled', 'disabled')
          this.$refs.btnSend.style.background = '#eee'
          this.$refs.btnSend.style.color = '#888'
          this.$refs.btnSend.style.boxShadow = '0 0 0 0 #fff'
        }
      },
      deep: true //物件內部的屬性監聽，也叫深度監聽
    }
  },