课程介绍及示例演示
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用.Vue.js的目标是通过尽可能简单的 API实现响应的数据绑定和组合的视图组件
本教程将制作一个在线笔记本简单示例来演示Vue+element UI整个开发流程,让大家直观了解Vue实现过程,并在实操过程中逐步学习Vue+element UI开发的一些常用技巧和知识点。
课程大纲
第一章:课程和示例介绍
第一节: 课程介绍及示例演示
第二章:实例讲解
第一节:脚手架搭建-vue项目开发环境搭建及项目创建
第二节:引入elmentUI框架
第三节:用elementUI搭建前端界面
第四节:为按钮添加点击事件 一
第五节:为按钮添加点击事件 二
第六节:vue计算属性和用marked为内容添加样式
第七节:把笔记内容保存到localStorage
第八节:加载已保存的内容和vue实例之生命周期介绍
第九节:添加笔记功能实现和v-bind绑定属性值
第十节:用v-for循环实现笔记标题列表
第十一节:实现点击标题显示内容和保存和读取数组对象
第十二节:修改和删除笔记及保存选中项功能实现
第十三节:笔记推荐后置顶功能实现
第十四节:底部加创建时间和笔记字数显示
第十五节:生成项目上传服务器
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
课程大纲