API

チートシート

よく使用されるメソッドの例を以下に示します。ここに記載されていないメソッドは、より高度な使用を想定しています。

m(selector, attrs, children) - ドキュメント

m('div.class#id', { title: 'title' }, ['children']);

m.mount(element, component) - ドキュメント

var state = {
  count: 0,
  inc: function () {
    state.count++;
  },
};

var Counter = {
  view: function () {
    return m('div', { onclick: state.inc }, state.count);
  },
};

m.mount(document.body, Counter);

m.route(root, defaultRoute, routes) - ドキュメント

var Home = {
  view: function () {
    return 'ようこそ';
  },
};

m.route(document.body, '/home', {
  '/home': Home, // `https://example.com/#!/home` のURLを定義します
});

m.route.set(path) - ドキュメント

m.route.set('/home');

m.route.get() - ドキュメント

var currentRoute = m.route.get();

m.route.prefix = prefix - ドキュメント

ルーティングのプレフィックスを変更する場合は、m.route()を呼び出す前に、このプロパティを設定してください。

m.route.prefix = '#!';

m(m.route.Link, ...) - ドキュメント

m(m.route.Link, { href: '/Home' }, 'ホームページに移動');

m.request(options) - ドキュメント

m.request({
  method: 'PUT',
  url: '/api/v1/users/:id',
  params: { id: 1, name: 'test' },
}).then(function (result) {
  console.log(result);
});

m.parseQueryString(querystring) - ドキュメント

var object = m.parseQueryString('a=1&b=2');
// {a: "1", b: "2"} の形式

m.buildQueryString(object) - ドキュメント

var querystring = m.buildQueryString({ a: '1', b: '2' });
// "a=1&b=2" の形式

m.trust(htmlString) - ドキュメント

m.render(document.body, m.trust('<h1>こんにちは</h1>'));

m.redraw() - ドキュメント

var count = 0;
function inc() {
  setInterval(function () {
    count++;
    m.redraw();
  }, 1000);
}

var Counter = {
  oninit: inc,
  view: function () {
    return m('div', count);
  },
};

m.mount(document.body, Counter);