《Vue.js项目开发实战》学习笔记

《Vue.js项目开发实战》学习笔记

1. MVC,MVP和MVVM都是常见的软件架构设计模式。
2. SPA是一种架构理念，单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。
3. Restful作为一种软件架构风格，是设计风格而不是标准，只是提供了一组设计原则和约束条件，它主要用于客户端和服务器交互的软件。基于这个风格设计出的软件可以更简洁，更有层次，更容易实现缓存机制。
4. Vue.js+vue-router 的形式创建单页面是非常简单的，使用Vue.js，可以通过组合组件来构建应用程序，当开发者将vue-router添加就来后，需要做的就是将组件映射到路由，然后告诉vue-router在哪里渲染它们。

<一>前端

一．通过CLI快速构建应用

相关概念：

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

• 通过 @vue/cli 搭建交互式的项目脚手架。
• 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。
• 一个运行时依赖 (@vue/cli-service)，该依赖：
  • 可升级；
  • 基于 webpack 构建，并带有合理的默认配置；
  • 可以通过项目内的配置文件进行配置；
  • 可以通过插件进行扩展。
• 一个丰富的官方插件集合，集成了前端生态中最好的工具。
• 一套完全图形化的创建和管理 Vue.js 项目的用户界面。
  CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。

项目创建步骤：

1. 打开命令行，输入：Vue init webpack projectName
   （命令行中会让你对设置一些项目选择，按如下）