第一章 基础篇

1. 课程介绍

Vue整体介绍和Vue原理及Vue实战开源项目
基于Vue2.6开发课程

2. Vue简介

Vue 简介

一款渐进式Javascript框架。作者是尤雨溪 Evan You

Vue发展趋势

特点

• 更加轻量20kb min + gzip
• 渐进式框架
• 响应式的更新机制
• 学习成本低

3. 内容综述

属性 插槽 vue-router

4. 组件基础及组件注册

组件系统是Vue的另一个重要的概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组建构建大型应用。
在Vue里，一个插件本质是一个拥有预定义选项的一个Vue实例，在Vue中注册组件很简单

//定义为todo-item新组件

Vue.component（‘todo-item’，{
    template: '<li>这是个待办项</li>'
}）

5. 第一个Vue程序

安装开发环境

开发版本
生产版本
见官网

方法： CDN、git下载、<script>本地引用

例子：

响应式、表达式、模版、指令等重要概念 v-model v-bind 等指令，是一个标志位，标志vue做什么处理

v-if v-else v-for

改变del值就会变

v-show 被加载，仅不显示，v-if false不被加载也不被显示

v-for

6. Vue组件的核心概念： 事件

v-on：click 简写：@click

@delete

7. 插槽

可以插入写好的组件，使用slot默认占位

默认插槽：

想传啥组件就传啥组件，具名插槽：

2.5以后 的 2.6

作用域插槽，根据子组件不同值返回不同内容：

根据不同value传递不同值，传递返回组件的函数

插槽是传递复杂内容一种方式

参考

极客时间 唐金洲 Vue开发实战