Vue.js前端开发框架应用（微课版）_课后习题及答案 第六章 .docx

·PAGE2· Vue.js前端开发框架应用

第6章Vue.js组件 ·PAGE3·

6-1组件的全局注册和局部注册有什么区别？

全局注册指的是使用Vue.js应用实例的component()方法，让组件在当前Vue.js应用中全局可用

局部注册的组件需要在使用它的父组件中显式导入。局部注册的组件只能在导入它的父组件中使用。

6-2构建方式定义组件时，组件代码页面分为哪几个部分，每个部分的作用是什么？

单文件组件将html模板、代码逻辑与CSS样式分别放在template、script和style三个代码块中并在同一个文件中封装，组合了组件的视图、逻辑和样式，可以看作是Web前端开发中html、CSS和JavaScript三种语言经典组合的自然延伸。

6-3在多个组件相互嵌套构成的页面中，父组件可以通过什么方式传递数据到子组件，祖先组件可以通过什么方式传递数据到子组件？

父组件向子组件传递数据需要用到props选项。props是组件中的特殊属性，需要传递给组件的数据必须在其props列表上声明。

祖先组件可以通过数据依赖（使用provide选项）传递数据给子孙组件，祖先组件相对于其所有的后代组件，会作为数据依赖的提供者，任何其后代的组件，无论层级有多深，都可以注入由父组件提供给整条路径的数据依赖。

6-4使用构建模式创建Vue.js项目，自定义组件实现如下图所示的页面。

答案代码下载地址：/dongning/VueCode/tree/mian/6-4

6-5使用构建模式创建Vue.js项目，灵活使用组件相关知识实现一个购物车页面，效果如下图（实现商品的勾选和数量增减功能即可，不要求实现商品的增加与删除、购物车清空和结算功能）。

答案代码下载地址：/dongning/VueCode/tree/mian/6-5