Vue.jsクエリパラメータ

Question

vue.jsでクエリパラメータを取得するにはどうすればよいですか？

http:://somesite.com?test=yay 

フェッチする方法が見つからないか、このために純粋なJSまたはライブラリを使用する必要がありますか？

Answer 1

route objectのドキュメントによれば、コンポーネントから、$routeオブジェクトにアクセスして、必要なものを公開することができます。この場合

//from your component 
console.log(this.$route.query.test) // outputs 'yay' 

Answer 2

VueJsの初心者を助けるもっと詳しい答え。

<script src="https://unpkg.com/vue-router"></script> 
var router = new VueRouter({ 
    mode: 'history', 
    routes: [] 
}); 
var vm = new Vue({ 
    router, 
    el: '#app', 
    mounted: function() { 
     q = this.$route.query.q 
     console.log(q) 
    }, 
}); 

Answer 3

がVUEルートがなければ、

var vm = new Vue({ 
    .... 
    created() 
    { 
    let uri = window.location.href.split('?'); 
    if (uri.length == 2) 
    { 
     let vars = uri[1].split('&'); 
     let getVars = {}; 
     let tmp = ''; 
     vars.forEach(function(v){ 
     tmp = v.split('='); 
     if(tmp.length == 2) 
     getVars[tmp[0]] = tmp[1]; 
     }); 
     console.log(getVars); 
     // do 
    } 
    }, 
    updated(){ 
    }, 

別の解決策https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/search URLを分割：

var vm = new Vue({ 
    .... 
    created() 
    { 
    let uri = window.location.search.substring(1); 
    let params = new URLSearchParams(uri); 
    console.log(params.get("var_name")); 
    }, 
    updated(){ 
    }, 

[私はJavaScriptでクエリ文字列の値を取得できますか？]（HTTPの