logo资料库

vue大纲.docx

第1页 / 共2页
第2页 / 共2页
资料共2页,全文预览结束
第一阶段 1.基础语法指令 2.全局 API 3.选项 4.实例和内置组件 Vue 大纲 1.1:环境服务搭建 live-server 使用 用 npm 进行全局安装 npm install live-server -g 在项目目录中打开:live-server 1.2:v-if、v-else、v-show v-for(解决模板循环问题) v-text、v-html v-on(绑定事件监听器)v-model、v-bind 其他内部指令(v-pre 、 v-cloak、 v-once) 2.1:Vue.directive 自定义指令 2.2:Vue.extend 构造器的延伸 2.3:Vue.set 全局操作 2.4:Vue 的生命周期(钩子函数) 2.5:Template 制作模版 2.6:Component 初识组件 2.7:Component 组件 props 属性设置 2.8:Component 父子组件关系 2.9:Component 标签 3.1:propsData Option 全局扩展的数据传递 3.2:computed Option 计算选项 3.3:Methods Option 方法选项 3.4:Watch 选项 监控数据 3.5:Mixins 混入选项操作 3.6:Extends Option 扩展选项 4.1 实例方法 a:$mount()——挂载方法 b:$destroy()——卸载方法 c:$forceUpdate()——更新方法 d:$nextTick()—— 数据修改方法 4.2 实例事件 a:$on 在构造器外部添加事件。 b:$once 执行一次的事件 c:$off 关闭事件 4.3 内置组件——slot
第二阶段 Vue-router 第三阶段 Vue-cli 第四阶段 Vuex 第五阶段 项目实战 1:Vue-router 入门 2:vue-router 配置子路由 3:vue-router 如何参数传递 4:单页面多路由区域操作 5:vue-router 利用 url 传递参数 6:vue-router 的重定向-redirect 7:alias 别名的使用 8:路由的过渡动画 9:mode 的设置和 404 页面的处理 10:路由中的钩子 11:编程式导航 1:Vue-cli 安装与使用 2:Vue-cli 项目结构讲解 3:解读 Vue-cli 的模板 1:安装 Vuex 2:state 访问状态对象 3:Mutations 修改状态 4:getters 计算过滤操作 5:actions 异步修改状态 6:module 模块组 购物车+地址管理
分享到:
收藏