HTML、CSS、Vue.js 是前端開發中經常用到的技術。HTML 是一種標記語言,用于構建網頁的結構;CSS 是一種樣式表語言,用于控制網頁的樣式;Vue.js 是一種前端框架,可以讓開發者更方便地構建交互式、動態的用戶界面。
使用 HTML,可以創建頁面的內容結構,如標題、段落、鏈接、圖片等。以下是一個簡單的 HTML 示例代碼:
<html> <head> <title>My Website</title> </head> <body> <h1>Welcome to my website</h1> <p>This is my first webpage.</p> </body> </html>
CSS 可以控制網頁元素的外觀和布局。以下是一個簡單的 CSS 示例代碼:
p { color: red; font-size: 14px; text-align: center; }
Vue.js 是一個流行的 JavaScript 框架,可以用于構建單頁面應用程序(SPAs)。以下是一個使用 Vue.js 構建的簡單計數器應用程序的示例代碼:
<template> <div> <h1>Count: {{ count }}</h1> <button v-on:click="increment">+</button> <button v-on:click="decrement">-</button> </div> </template> <script> export default { data() { return { count: 0, }; }, methods: { increment() { this.count++; }, decrement() { this.count--; }, }, }; </script>
使用 HTML、CSS 和 Vue.js,開發者可以構建功能強大的網頁應用程序,實現豐富的交互體驗和高效的用戶界面。