Das Routing-System von Riot basiert auf hashChanges [Anchor Point Change]. Es gibt zwei Möglichkeiten, Ankerpunktänderungen zu überwachen:
riot.route und riot.route.exec
Die Unterschiede zwischen den beiden sind wie folgt:
1 lädt, wenn die Seite danach einmal ausgeführt wird, und zwar nur einmal
2 Nachdem die Routenseite geladen wurde, wird sie nicht automatisch ausgeführt
3 >
Nachdem sich der Ankerpunkt geändert hat, ist die Verwendung dieselbe, aber der Zeitpunkt der Ausführung ist unterschiedlich. Nehmen wir exec als Beispiel.
Die Standardwerte lauten wie folgt:
[code]// .../index.html#123/da宗熊 riot.route.exec(function(id, name){ // id = 123, name = da宗熊 console.log(id, name); });
Riot bietet auch eine Methode zum Überschreiben des Standardwerts einer Route:
[code]// 定义路由新的取值方式: #!/user/home?id=123&name=xxx riot.route.parser(function(path){ // path 是 hash【除去#的那部分】 => !/user/home?id=123&name=xxx var raw = path.slice(1).split("?"); var uri = raw[0], qs = raw[1], params = {}; // 有搜索参数的话 if(qs){ qs.replace(/([^=&]*)=([^&])*/g, function(str, key, value){ params[key] = value; return str; }); }; // 给下面riot.route.exec()和riot.route()的 第1 和 第2 个参数 return [uri, params]; });
[code]// 假如链接如下: #!/user/home?id=123&name=xxx riot.route.exec(function(uri, qs){ // uri = /user/home // qs = {id: 123, name: "xxx"} });