Vue Element フロントエンドアプリケーション開発のための従来の JS 処理機能

定数数値 = [10,20,30,111,222,333]
newNums = nums.filter(function(n){
    n<100を返す
})

定数数値 = [10,20,30,111,222,333]
newNums = nums.map(function(n){
    n*2を返す
})

定数数値 = [10,20,30,111,222,333]
newNums = nums.reduce(function(preValue,n){
    PreValue+n を返す
},0)

定数数値 = [10,20,30,111,222,333]
newNums = nums.filter(function(n){
    n<100を返す
}).map(関数(n){
    n*2を返す
}).reduce(function(preValue,n){
    preValue+n を返す
},0)

var 配列 = [1,2,3,4,5,6,7];
 var result = Array.find(function(value){
     戻り値 > 5; //条件});
 console.log(結果); //6
 console.log(配列); //[1,2,3,4,5,6,7]

const req = require.context('vue-awesome/icons', true, /\.js$/)
定数 requireAll = requireContext => requireContext.keys()

定数 re = /\.\/(.*)\.js/

const vueAwesomeIcons = requireAll(req).filter((key) => { return key.indexOf('index.js') < 0 }).map(i => {
  i.match(re)[1]を返す
})

デフォルトの vueAwesomeIcons をエクスポートする

// このメニューデータは通常サーバーから返されます export const asyncMenus = [
  {
    id: '1',
    pid: '-1'、
    テキスト: 'ホームページ'、
    アイコン: 'ダッシュボード'、
    名前: 'ダッシュボード'
  },
  {
    id: '2',
    pid: '-1'、
    テキスト:「製品情報」、
    アイコン: 'テーブル',
    子供たち： [
      {
        id: '2-1',
        pid: '2',
        テキスト:「製品表示」、
        名前: 'product-show',
        アイコン: 'テーブル'
      }]
  },
  {
    id: '3',
    pid: '-1',
    テキスト:「その他管理」、
    アイコン: '例',
    子供たち： [
      {
        id: '3-1',
        pid: '3'、
        テキスト:「アイコン管理」
        名前: 'アイコン',
        アイコン: '例'
      },
      {
        id: '3-3',
        pid: '3'、
        テキスト: 'ツリー関数の表示'、
        名前: '木'、
        アイコン: '木'
      },
      {
        id: '3-2',
        pid: '3'、
        テキスト: 'セカンダリメニュー2'、
        アイコン: '木'、
        子供たち： [
          {
            id: '3-2-2',
            pid: '3-2'、
            テキスト: 'レベル 3 メニュー 2'、
            名前: 'menu1-1',
            アイコン: 'フォーム'
          }
        ]
      }
    ]
  }
]

// メニューIDに応じて対応するメニューオブジェクトを取得します。FindMenuById(menuList, menuid) {
      (var i = 0; i < menuList.length; i++) {
        var item = メニューリスト[i];
        if (item.id && item.id === menuid) {
          返品商品
        } そうでない場合 (item.children) {
          var foundItem = this.FindMenuById(item.children, menuid)
          if (foundItem) { // 見つかった場合のみfoundItemを返す
          }
        }
      }
    }

this.FindMenuById(item.children, menuid) を返します。

var foundItem = this.FindMenuById(item.children, menuid)
  if (foundItem) { // 見つかった場合のみfoundItemを返す
  }

// グローバルフィルターをインポートする import * as filters from './filters'
// グローバルを登録する filterObject.keys(filters).forEach(key => {
  Vue.filter(キー、フィルター[キー])
})

// 辞書などをバインドするための製品タイプを取得します。GetProductType().then(data => {
      if (データ) {
        this.treedata = []; // ツリーリストをクリアする data.forEach(item => {
          this.productTypes.set(アイテムID、アイテム名)
          this.typeList.push({ キー: item.id, 値: item.name })

          var ノード = { id: item.id, ラベル: item.name }
          this.treedata.push(ノード)
        })

        // リスト情報を取得する this.getlist()
      }
    });

// 辞書型を使用してサーバーからデータを要求します GetDictData(this.typeName).then(data => {
        if (データ) {
          データ.forEach(アイテム => {
            if (item && typeof (item.Value) !== 'undefined' && item.Value !== '') {
              that.dictItems.push(アイテム)
            }
          });
        }
      })

var パラメータ = { id: id }
GetProductDetail(param).then(データ => {
	オブジェクトにデータを割り当てます。
})

// 通常のページングクエリ条件を構築 var param = {
        タイプ: this.producttype === 'all' ? '' : this.producttype,
        ページインデックス: this.pageinfo.pageindex、
        ページサイズ: this.pageinfo.pagesize
      };

      // SearchForm 条件を param に追加し、クエリを送信します。 param.type = this.searchForm.ProductType // 対応する属性に変換します。 Object.assign(param, this.searchForm);

配列オブジェクト.スライス(開始,終了)

red = parseInt(color.slice(0, 2), 16) とします。
緑をparseInt(color.slice(2, 4), 16)とします。
青をparseInt(color.slice(4, 6), 16)とします。

vueAwesomeIconsFiltered: 関数() {
  const that = this
  var list = that.vueAwesomeIcons.filter(item => { return item.indexOf(that.searchForm.label) >= 0 })
  if (that.searchForm.pagesize > 0) {
    list.slice(0, that.searchForm.pagesize) を返します
  } それ以外 {
    リストを返します。
  }
}