前言 党的二十大报告提出“实施科教兴国战略,强化现代化建设人才支撑”。深入实施人才强国战略,培养造就大批德才兼备的高素质人才,是国家和民族长远发展的大计。为贯彻落实党的二十大精神,筑牢政治思想之魂,编者在牢牢把握这个原则的基础上编写了本书。 “信创”作为国家的战略性发展方向,近两年得到了长足发展,尤其是在当前大环境下,信创产业已成为国家信息产业的重点方向之一,因此,在信创技术平台下进行项目开发也成了学习的重点。 Vue.js是当下火热的前端开发技术之一,广泛用于Web开发和单页面应用程序,很容易与其他项目和库集成,使用起来也非常简单。即使是初学者,也可以轻松理解Vue.js,并构建自己的用户界面。 本书涵盖基础知识和项目实战,专为初学者和专业人士设计。本书基于当前最新的Vue.js 3.0版本进行编写。本书分为11章,主要内容如下。 第1章介绍信创技术的发展情况,包括基于统信UOS开发环境的建立、Vue的基本概念,以及如何创建基于Vue CLI的项目。 第2章完整介绍Vue实例对象的创建方式、Vue模板语法、数据绑定以及常用内置指令的使用。 第3章详细介绍Vue的事件机制、Vue组件的创建和注册、父子组件数据传递,以及Vue的生命周期钩子函数。 第4章主要介绍Vue全局API的使用、Vue常用实例属性的使用,以及Vue全局配置。 第5章介绍Vue中使用过渡和动画对页面进行渲染。 第6章详细介绍Vue中路由的基本概念、路由对象的属性、VueRouter的基本使用。 第7章主要介绍Vuex的下载和安装、Vuex的5个核心对象,以及如何利用Vuex进行状态管理。 第8章主要讲解Vue CLI的安装和基本使用、CLI插件及其相关配置。 第9章讲解服务器端渲染的概念及使用、客户端渲染和服务器端渲染的区别。 第10章讲解与信创相关的前端静态资源服务器Tengine的安装及项目的部署方式。 第11章通过新闻Web App项目的开发对ElementUI、Vuex、VueRouter、axios等前端库和组件库及插件的使用方法进行综合演示。 第1~7章的内容相对容易,刚入门Vue.js的开发者也能很快掌握。 第8~11章首先介绍Vue CLI,然后充分利用Vue.js的基础知识完成实战项目的开发。 本书特色 ●包含信创技术体系知识,有助于读者在新平台下学习开发。 ●针对Vue的使用者,是前端开发的必备书籍。 ●从介绍到使用再到实战,可以作为一本Vue使用手册。 ●代码清晰、迭代完整,便于读者完整、全面地掌握和学习Vue。 ●注重从实战经验方面进行讲解,非常实用。 阅读指南 本书基础内容和实战项目共存,适用于刚接触信创技术并对Vue.js的前端或后端有兴趣的开发者。当然,有一定Vue.js或信创技术开发经验的读者也能从中收获不少实战经验。 本书要求读者已经了解和掌握HTML和CSS的相关知识,并有一定的JavaScript语法基础,同时对Linux知识有一定程度的认知,否则阅读本书会有一定的难度。 使用本书要求 本书第1~7章中的示例只需要一台独立的计算机,用于信创环境的搭建,包括浏览器和编译器两个环境,浏览器以Chrome为例进行演示;第8~11章中的示例需要读者了解并安装Node.js和Vue CLI,开发工具可使用Visual Studio Code或者WebStorm。 其他 尽管我们希望在最大程度上做到尽善尽美,但错误依然在所难免。 读者如对本书有任何疑问,均可发送邮件至511167169@qq.com,我们将竭诚为您服务。 编者2023年7月