如何为郑州网站和手机应用添加引人注目的特效代码？

郑州建设网站,手机网站特效代码,成都关键词,宁波市住房和城乡建设培训中心网站一、MVVM原理在Vue2官方文档中没有找到Vue是MVVM的直接证据#xff0c;但文档有提到#xff1a;虽然没有完全遵循MVVM模型#xff0c;但是 Vue 的设计也受到了它的启发#xff0c;因此在文档中经常会使用vm(ViewModel 的缩写) 这个变量名表示 Vue 实例。为了感受MVVM模型的…一、MVVM原理在Vue2官方文档中没有找到Vue是MVVM的直接证据但文档有提到虽然没有完全遵循MVVM模型但是 Vue 的设计也受到了它的启发因此在文档中经常会使用vm(ViewModel 的缩写) 这个变量名表示 Vue 实例。为了感受MVVM模型的启发我简单列举下其概念。MVVM是Model-View-ViewModel的简写由三部分构成Model: 模型持有所有的数据、状态和程序逻辑View: 负责界面的布局和显示ViewModel负责模型和界面之间的交互是Model和View的桥梁大厂面试题分享 面试题库前端后端面试题库 面试必备 推荐★★★★★地址前端面试题库二、SPA单页面应用单页Web应用single page web applicationSPA就是只有一张Web页面的应用是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的Web应用程序。我们开发的Vue项目大多是借助个官方的CLI脚手架快速搭建项目直接通过new Vue构建一个实例并将el:#app挂载参数传入最后通过npm run build的方式打包后生成一个index.html称这种只有一个HTML的页面为单页面应用。当然vue也可以像jq一样引入作为多页面应用的基础框架。三、Vue的特点清晰的官方文档和好用的api比较容易上手。是一套用于构建用户界面的渐进式框架将注意力集中保持在核心库而将其他功能如路由和全局状态管理交给相关的库。使用 Virtual DOM。提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。四、Vue的构建入口vue使用过程中可以采用以下两种方式在vue脚手架中直接使用参考文档https://cn.vuejs.org/v2/guide/installation.html或者在html文件的头部通过静态文件的方式引入 script src target_blankhttps://cdn.jsdelivr.net/npm/vue2.6.14/dist/vue.js/script那么问题来了使用的或者引入的到底是什么答引入的是已经打包好的vue.js文件通过rollup构建打包所得。构建入口在哪里答在vue源码的package.json文件中scripts:{// ...build:node scripts/build.js,build:ssr:npm run build -- web-runtime-cjs,web-server-renderer,build:weex:npm run build -- weex,// ...},复制代码通过执行npm run build的时候会进行scripts/build.js文件的执行npm run buildssr和npm run buildweex的时候将ssr和weex作为参数传入按照参数构建出不一样的vue.js打包文件。所以说vue中的package.json文件就是构建的入口具体构建流程可以参考vue2入口构建入口。五、对import Vue from vue的理解在使用脚手架开发项目时会有一行代码import Vue from vue那么这个Vue指的是什么。答一个构造函数。function Vue (options) {if (process.env.NODE_ENV ! production !(this instanceof Vue)) {warn(Vue is a constructor and should be called with the new keyword)}this._init(options) } initMixin(Vue) stateMixin(Vue) eventsMixin(Vue) lifecycleMixin(Vue) renderMixin(Vue) 复制代码我们开发中引入的Vue其实就是这个构造函数而且这个构造函数只能通过new Vue的方式进行使用否则会在控制台打印警告信息。定义完后还会通过initMixin(Vue)、stateMixin(Vue)、eventsMixin(Vue)、lifecycleMixin(Vue)和renderMixin(Vue)的方式为Vue原型中混入方法。