课程大纲
课程介绍:
Vue.js 是一套构建用户界面的渐进式框架。
Vue 只关注视图层,采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定(MVVM双向绑定)和组合的视图组件。
前置条件:
HTML的基础知识,你需要达到中级水平,写前端页面的结构代码完全没有问题。
CSS的基础知识,了解CSS3的知识。
Javascript的基础知识,对基本语法掌握。
node.js初级知识,只需要会npm的使用和项目初始化就可以了。
课程大纲:
1.内部指令
v-if
v-else
v-show
v-for
v-text
v-html
v-on
v-model
v-bind
v-once
v-pre
v-cloak
2.全局api
Vue.directive 自定义指令
Vue.extend 构造器扩展
Vue.set 全局set
Vue 钩子函数
template 模板
Vue.component 全局组件
component 标签
3.选项
propsData
computed
methods
watch
mixins
extends
4.实例方法
$mount()
$destroy()
$forceUpdate()
$nextTick()
5.实例事件
$on()
$once()
$off()
$emit()
6.内置组件 slot
7.vue-router
配置路由
传递参数
重定向、alias别名
过渡动画
路由中的钩子(导航守卫)
编程式导航