Vue.js 是一個流行的 JavaScript 框架，可以讓開發者更簡單地構建用戶界面。在其中，我們需要獲取瀏覽器上的輸入框值、URL 參數或者 cookie 等信息。Vue.js 將這些瀏覽器上存儲的信息組織成一個 Vue 實例，方便我們在組件中進行訪問。

如下是幾個獲取瀏覽器上值的簡單方法：

// 獲取 URL 參數（假設 URL 為 https://example.com/?name=Peter&age=23）
let params = new URLSearchParams(window.location.search);
let name = params.get('name');
let age = params.get('age');
console.log(name); // "Peter"
console.log(age); // "23"
// 獲取cookie（假設 cookie 為 name=Peter; age=23）
let cookieArr = document.cookie.split('; ');
let cookieObj = {};
cookieArr.forEach(cookie => {
let [key, value] = cookie.split('=');
cookieObj[key] = value;
});
console.log(cookieObj.name); // "Peter"
console.log(cookieObj.age); // "23"
// 獲取輸入框值（假設有一個輸入框 id 為 name）
let input = document.querySelector('#name');
let inputValue = input.value;
console.log(inputValue); // 輸入框中的值

當然，如果使用 Vue.js，可以更方便地獲取這些值，比如：

<span>// 使用 computed 屬性獲取 URL 參數</span>
let app = new Vue({
el: '#app',
computed: {
name: function() {
return new URLSearchParams(window.location.search).get('name');
},
age: function() {
return new URLSearchParams(window.location.search).get('age');
}
}
});
<span><!-- 使用 v-model 指令獲取輸入框值 --></span>
<div id="app">
<input v-model="name">
<input v-model="age" type="number">
</div>
<span>// 使用 computed 屬性獲取 cookie</span>
let app = new Vue({
el: '#app',
computed: {
cookieObj: function() {
let cookieArr = document.cookie.split('; ');
let cookieObj = {};
cookieArr.forEach(cookie => {
let [key, value] = cookie.split('=');
cookieObj[key] = value;
});
return cookieObj;
}
}
});

上述代碼演示了如何在 Vue.js 中獲取瀏覽器上的信息。通過這些方法，我們可以快速獲取瀏覽器上面的值，為開發帶來了方便。