1. Vue

  2. Node.js

  3. Vue Router

  4. Axios

  5. Vuex

```vue <template> <!-- 页面模板 --> <h1 class="title" @click="hit">{{ title }}</h1> </template> <script> export default { data() { // 数据 return { title: "示例页面", } }, methods: { // 定义函数的地方 hit() { alert("hit") }, }, mounted() { // 载入时执行 // 更多生命周期相关查看 // https://v3.cn.vuejs.org/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA console.log("mounted") }, computed: { // 计算属性 // https://v3.cn.vuejs.org/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7 hasTitle() { return this.title.length > 0 ? "是" : "否" }, }, watch: { // 侦听器 // https://v3.cn.vuejs.org/guide/computed.html#%E4%BE%A6%E5%90%AC%E5%99%A8 }, } </script> <style scoped> /* 样式 */ .title { color: teal; } </style> ```