Vue应用开发-练习题答案

来源网络侵权请联系删除第一章：情境一一、选择题1.C2.ABCD3.D4.D5.C6.B7.B8.A9.C10.B二、简答题1.什么是Vue框架？Vue是一套用于构建用户界面的渐进式框架，是一套MVVM模型框架。2.Vue生态系统中包括了哪些插件？Devtools、VueCLI、VueLoader核心插件：VueRouter、Vuex、Vue服务端渲染（VueRender）第一章：情境二一、选择题1.C2.C3.B4.D5.C6.A7.B8.ABCD9.C10.C二、简答题1.阐述VueCli从2.x升级到3.x过程。npmuninstallvue-cli-gnpminstall@vue/cli-gnpminstall@vue/cli-init-g2.阐述Vueinit项目目录结构。build：项目构建包config：项目环境配置包src：源码目录static：静态资源文件包index.html：入口页面第一章：情境三一、选择题1.A2.B3.A4.D5.B6.C7.ABCD8.C9.B二、简答题1.阐述Vuecreate单页面渲染过程。 项目构建之初，也已经生成好了SPA入口界面/public/index.html，并在系统入口处（/src/main.js）构建了Vue对象，并将App.vue对象渲染的界面挂载在index.html中id="app"的div标签上。2.阐述Vueinit、create项目的区别。创建项目命令不同，init要选择模版包名；生成项目包结构不同，create项目将index.html文件移到了public目录下；启动项目命令不同，init项目npmrundev，create项目npmrunserve；第一章：情境四一、选择题1.D2.ABCD3.B4.D5.ABC二、简答题1.阐述Vueui创建项目流程。 vueui----创建新项目----配置依赖和插件----编译启动项目。第二章：情境一一、选择题1.ABC2.D3.C4.B5.C6.D7.C8.B9.A10.D二、简答题1.说出几种vue的指令和用法。 v-model双向数据绑定；v-for循环；v-ifv-show显示与隐藏；v-on事件；v-once只绑定一次；2.Vue中的单向数据流和双向数据绑定是什意思？ 单项数据流：数据是单向的，父组件的数据传递给子组件，只能单项绑定，不可以在子组件修改父组件的数据； 双向数据绑定：数据和页面进行双向绑定，相互影响；第二章：情境二一、选择题1.B2.C3.D4.B5.A6.B7.D8.D9.A10.ABCD二、简答题1.书写class绑定中三目表达式的例子。 <divv-bind:class="[isActive?activeClass:'',errorClass]"></div>2.阐述Css过渡与动画的区别。 CSS动画用法同CSS过渡，区别是在动画中v-enter类名在节点插入DOM后不会立即删除，而是在animationend事件触发时删除。第二章：情境三一、选择题1.C2.D3.C4.AC5.C6.A二、简答题1.阐述计算属性和方法的区别。 计算属性是基于它们的响应式依赖进行缓存的，在模型未改变之前，返回缓存数据； 每当触发重新渲染时，调用方法将总会再次执行函数；2.阐述过滤器使用场景。 字符过滤、数据处理等。第三章：情境一一、选择题1.B2.D3.B4.ABC5.B6.D7.C8.C9.D10.A二、简答题1.vue组件中data为什么是一个函数？ 组件中的data写成一个函数，数据以函数返回值的形式定义，这样每次复用组件的时候，都会返回一份新的data，相当于每个组件实例都有自己私有的数据空间，它们只负责各自维护的数据，不会造成混乱；而写成对象，就是所有的组件实例共用了一个data，这样改一个全都改了；2.vue父子组件如何传递数据？ 子组件定义prop，父组件在调用子组件时，传入prop属性 子组件事件函数中使用$emit函数发射事件函数，父组件监听该事件函数，并接受发射函数传递的数据第三章：情境二一、选择题1.D2.A3.ABCD4.D5.C6.ABCD7.D二、简答题1.vuerouter如何实现重定向？ {path:'/a',redirect:'/b'}2.书写一个嵌套路由的例子。routes:[{path:'/user/:id',component:User,children:[{//当/user/:id/profile匹配成功，//UserProfile会被渲染在User的<router-view>中path:'profile',component:UserProfile}]}]第四章：情境一一、选择题1.D2.ABC3.D4.C5.ABCD二、简答题1.书写vueresourceget请求例子。this.$.get('/someUrl',[options]).then((response)=>{ //响应成功回调},(response)=>{ //响应错误回调});2.书写vueresourcepost请求例子。this.$.post('/someUrl',{foo:'bar'}).then(response=>{ //dosomething},response=>{ //errorcallback});第四章：情境二一、选择题1.D2.ABCD3.ABC4.C5.C二、简答题1.书写axiosget请求例子。axios({method:'get',url:'://bit.ly/2mTM3nY',responseType:'stream'})2.书写axiospost请求例子。axios({method:'post',url:'/user/12345',data:{firstName:'Fred'}});第五章：情境一一、选择题1.ABCD2.A3.B4.D5.D二、简答题1.简述Vue项目部署流程。 Vue项目打包 准备Nginx环境 将Vue项目打包文件dist上传到Nginx服务器的文件夹：/usr/local/nginx/html下 启动Nginx服务2.简述几项Nginx配置及其含义。 worker_processes：启动进程数量 worker_connections：单个后台workerprocess进程的最大并发链接数 include：设定mime类型 defau