快速入门Vue.js：构建无障碍高性能Web应用

需积分: 9 31 浏览量更新于2024-07-18 收藏 4.54MB PDF 举报

"《Vue.js Up and Running》是一本由Callum Macrae编著的专业书籍，专注于帮助读者快速掌握并构建高效、可访问的Web应用程序，使用的是流行的JavaScript框架Vue.js。该书旨在提供一个实践导向的学习路径，让读者从基础入门到熟练运用，适合于前端开发人员、初学者以及希望提升Web开发技能的开发者。书中涵盖了Vue.js的核心概念、组件化开发、模板语法、指令、状态管理、路由、API集成等内容，确保读者在学习过程中能够理解Vue.js的设计理念和工作原理。此外，作者特别强调了可访问性，这是现代Web开发中不可或缺的一部分，这表明本书不仅关注技术本身，还注重开发出易于所有用户使用的应用程序。《Vue.js Up and Running》以一种通俗易懂的方式，结合实例和项目，使读者能够在实际项目中应用所学知识。它不仅适合个人自学，也是企业培训和团队开发的优秀参考资料。全书遵循O'Reilly Media出版社的一贯高质量标准，包括严谨的编辑、校对和设计，确保内容的准确性和一致性。作为第一版在2018年3月发布，这本书可能包含当时的最新技术和最佳实践，但随着Vue.js的持续更新和发展，读者可能还需要关注官方文档和社区资源来保持与框架的同步。总体来说，《Vue.js Up and Running》是一本实用且具有深度的指南，是前端开发者的宝贵工具箱之一。"

this.items = data.items;

});

}

});

</script>

This code does the following:

1. It makes an Ajax request using fetch().

2. It parses the response from JSON into a JavaScript object.

3. It stores the downloaded items in the items data property.

That’s all the actual logic in the code. Now that the items have been downloaded and

stored, we can use Vue’s templating functionality to write the elements to the Docu‐

ment Object Model (DOM), which is how elements are represented on an HTML

page. We tell Vue that we want one li element for every item and that the value

should be item. Vue handles the creation of the elements and the setting of the class

for us.

Don’t worry about fully understanding the code example if you don’t yet. I’ll slow

down and introduce the various concepts one at a time throughout the book.

Not only is the second example significantly shorter, but it’s also a lot easier to read, as

the actual logic of the app is completely separated from the view logic. Instead of hav‐

ing to wade through some jQuery to work out what is being added when, we can look

at the template: if there are no items, a warning is displayed; otherwise, the items are

displayed as list elements. The difference becomes even more noticeable with larger

examples. Imagine we wanted to add a reload button to the page that would send a

request to the server, get the new items, and update the page when the user clicks a

button. With the Vue example, that’s only a couple of additional lines of code, but

with the jQuery example, things start to get complicated.

In addition to the core Vue framework, several libraries work great with Vue and are

maintained by the same people who maintain Vue itself. For routing—displaying dif‐

ferent content depending on the URL of the application—there’s vue-router. For

managing state—sharing data between components in one global store—there’s vuex,

and for unit testing Vue components, there’s vue-test-utils. I cover all three of those

libraries and give them a proper introduction later in the book: vue-router in Chap‐

ter 5, vuex in Chapter 6, and vue-test-utils in Chapter 7.

Installation and Setup

You don’t need any special tools to install Vue. The following will do just fine:

Installation and Setup | 3

剩余172页未读，继续阅读

kernelkoder

粉丝: 57
资源: 317

快速入门Vue.js：构建无障碍高性能Web应用

Vue.js Up and Running_ Building Accessible and Performant Web Apps

Vue.js Up and Running_O’Reilly Media (2018).epub

关于node.js express vue的书

给我找两篇英文文献有关于Java或者springboot框架或者vue的

vue3 nestjs ssr

vue可以引用的英文文献 使用中文标识

Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js)

Template execution failed: ReferenceError: VUE_APP_TITLE is not defined

javaweb参考文献近五年

[vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): "jsx", "flow", "typescript

最新资源

vue可以引用的英文文献使用中文标识