vuejs-enterprise-application-development icon indicating copy to clipboard operation
vuejs-enterprise-application-development copied to clipboard

Vue.js Enterprise Application Development. 《跟老卫学Vue.js开发》/《Vue.js 3企业级应用开发实战》源码

Vue.js Enterprise Application Development. 《跟老卫学Vue.js开发》/《Vue.js 3企业级应用开发实战》源码

Vue.js Enterprise Application Development, is a book about how to develop Vue.js applications.

《跟老卫学Vue.js开发》是一本Vue.js应用开发的开源学习教程,主要介绍如何从0开始开发Vue.js应用。本书包括最新版本Vue.js 3中的新特性。图文并茂,并通过大量实例带你走近 Vue.js 的世界!

本书业余时间所著,水平有限、时间紧张,难免疏漏,欢迎指正,

Summary 目录

Samples 示例

  • Hello World
  • Hello World add TypeScript
  • Hello World with TypeScript
  • TypeScript Demos
  • 生命周期钩子的例子
  • Vue.js组件的示例
  • 组件的复用
  • 监听子组件事件
  • 通过插槽分发内容
  • 动态组件
  • keep-alive使用示例
  • 模板插值
  • 指令
  • 指令缩写
  • 计算属性
  • 侦听器
  • 绑定HTML class
  • 绑定内联样式
  • 条件表达式
  • for循环表达式
  • for循环表达式的不同使用场景
  • 事件
  • 通过事件实现组件之间的通信
  • 多事件处理器
  • 表单输入绑定的基础用法
  • 表单输入绑定的值绑定
  • 表单输入绑定的修饰符
  • 组件局部注册
  • 组件模板引用
  • 组件prop
  • 组件非prop的attribute
  • 组件自定义事件
  • 组件插槽后备内容
  • 组件具名插槽
  • 组件依赖注入
  • 异步组件
  • 基于class的动画的例子
  • 与style绑定的过渡的例子
  • 自定义过渡class类名的例子
  • 列表过渡的例子
  • 混入示例
  • 自定义指令
  • 动态指令参数
  • 动态指令绑定对象字面量
  • 传入的基本例子
  • 与组件一起使用的例子
  • 在同一目标上使用多个传送的例子
  • 渲染函数
  • h()生成子代VNode的例子
  • JavaScript代替v-if和v-for
  • Mocha单元测试的例子
  • ref的使用
  • 使用watchEffect侦听变化、停止侦听
  • 使用watch侦听多个数据源、数组
  • 静态路由
  • 使用Ant Design Vue
  • 使用Naive UI
  • “新闻头条”骨架
  • “新闻头条”首页
  • “新闻头条”导航栏
  • “新闻头条”完整版
  • 未完待续...

以下是部分示例截图:

Get start 如何开始阅读

选择下面入口之一:

Code 源码

书中所有示例源码,移步至https://github.com/waylau/vuejs-enterprise-application-developmentsamples 目录下,代码遵循《Java 编码规范

Book 配套书籍

如果你喜欢本开源书,也请支持下该书的正式出版物《Vue.js 3企业级应用开发实战》。

实体店及各大网店有售。

Issue 意见、建议

如有勘误、意见或建议欢迎拍砖 https://github.com/waylau/vuejs-enterprise-application-development/issues

Contact 联系作者

Support Me 请老卫喝一杯

开源捐赠