Skip to content
Go back

Vue学习日记1

Published:  at  10:45 PM Updated:  at  02:25 PM
阅读时间:3 分钟

Vue 学习日记1

1. 什么是 Vue.js?


2. 安装 Vue

通过 CDN 引入:

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

可以直接在网页中使用。

通过 npm 安装:

npm install vue@next

适用于在 Node.js 环境中开发。


3. Vue 实例

HTML:

<div id="app">{{ message }}</div>

JavaScript:

const app = Vue.createApp({
  data() {
    return {
      message: 'Hello Vue!'
    }
  }
})

app.mount('#app')

4. 模板语法


5. 计算属性和侦听器

计算属性:

侦听器:


6. 事件处理


7. 条件渲染和列表渲染

条件渲染:

列表渲染:


8. 组件化开发


9. Vue 生命周期钩子


10. Vue Router 和 Vuex

Vue Router:

Vuex:


11. 总结

Vue.js可以快速构建现代化的前端应用。它的渐进式设计使得我们可以从简单的项目开始,逐步引入更复杂的功能,如组件化开发、路由和状态管理。未来大概会学 Vue 的响应式原理、性能优化以及工具集成之类的吧。


编辑此页面

Previous Post
概率论与数理统计公式
Next Post
vue学习日记2