0. 为什么使用vue

提问:我们为什么要使用js框架呢?

你常用的哪些网站使用vue架构?(安装vue的chrome插件即可发现)

1. 起步

在初学阶段,我们使用直接引入的方法

你可以通过<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>引入,也可以下载后从本地引入,

具体请查看官方文档Vue.js

2. 课前学习任务

  • 挂载vue后在控制台输出hello, world!
  • 了解vue的结构和生命周期
  • 学习vue的常用指令
    • v-bind
    • v-model
    • v-if v-show
    • watch监听器
    • computed计算属性
  • 了解vue事件

3. 培训课上学习内容

  • 讲解课前学习任务中的内容
  • vue component组件
  • 简易webpack

4. 学习资料

官方文档

其他资料(选择自己需要的观看):

vue极简教程

黑马程序员vue