Vue是一款非常流行的前端框架，它的開發方式可以使得我們更加方便地操縱頁面元素。而要操縱DOM元素，我們首先需要了解如何操作document。

// 獲取元素節點的方法
let element = document.getElementById("id"); // 通過id獲取元素
let elementList = document.getElementsByClassName("class"); // 通過類名獲取元素列表
let elementList = document.getElementsByTagName("tag"); // 通過標簽名獲取元素列表
let elementList = document.querySelectorAll(".class"); // 通過CSS選擇器獲取元素列表

以上代碼展示了四種獲取元素節點的方法，分別是通過id、類名、標簽名和CSS選擇器來獲取元素節點。其中，document.getElementById()方法返回一個元素節點；而其余三種方法返回的是一個元素節點列表。

// 獲取輸入框的值
let input = document.getElementById("input");
let value = input.value;

除了獲取元素節點外，我們還可以通過獲取元素節點的值來實現操作，如以上代碼所示，我們可以通過document.getElementById()方法獲取輸入框元素節點，再通過它的value屬性獲取輸入框的值。

// 修改元素節點的樣式
let element = document.getElementById("id");
element.style.color = "red";
element.style.backgroundColor = "yellow";
element.style.fontSize = "20px";

我們可以通過獲取元素節點的style屬性來修改其樣式。如以上代碼所示，我們可以通過element.style來訪問該元素的樣式屬性，進而修改任意屬性的值。

// 綁定事件監聽器
let button = document.getElementById("button");
button.onclick = function(){
// 執行代碼
}

最后，我們還可以通過綁定事件監聽器的方式來實現操作，如以上代碼所示，我們可以通過獲取元素節點的方式獲取一個按鈕節點，并給它的onclick屬性賦值一個函數，這樣當按鈕被點擊時，該函數就會被執行。