做网站数据对电脑要求,佛山大良营销网站建设,营销咨询师是做什么的,如何宣传推广产品vue.js 变化从 github 的发布记录我们可以看到2017年 vue.js 的第一个发布为 v2.1.9#xff0c;最后一个为 v2.5.13#xff0c;主要发布小版本 2.2~2.5。这些发布提升了vue 与 TypeScript 的结合、改进了对服务端渲染#xff08;SSR#xff09;和 native 渲染的支持、提供了… vue.js 变化从 github 的发布记录我们可以看到2017年 vue.js 的第一个发布为 v2.1.9最后一个为 v2.5.13主要发布小版本 2.2~2.5。这些发布提升了vue 与 TypeScript 的结合、改进了对服务端渲染SSR和 native 渲染的支持、提供了更好的测试、开发体验及其他的一些功能与优化。vue2.2 变化1使用 v-for 必须要添加 key 属性。2单文件组件(SFC)标签需要闭合尽管 html5 中标签没有闭合也是有效的。3prop 属性和 computed 属性定义在组件的原型上而不是作为每个实例自身的属性。4更好的错误处理 Vue.config.errorHandlervue.config.errorHandler function(err, vm, info) { // handle error}在 2.2.0这个钩子函数可以捕获组件生命周期钩子中产生的错误如果这个函数为 undefined捕获的错误将会使用 console.error 打印出来而不会使应用崩溃。在 2.4.0也会捕获 vue 自定义事件的 handler 中抛出的错误。错误追踪服务如 Sentry 和 Bugsnag 提供了和这个选项的官方集成。5Vue.util 中暴露的一些方法和属性被移除了。6服务端渲染改进7组件自定义 v-model自定义组件允许使用 v-model 时自定义属性和事件默认使用 value 属性和 input 事件。8provide 和 inject9vm.$props可以通过 this.$props 获取组件当前属性10和 支持 duration 属性11性能分析 Vue.config.performance12keep-alive 增加 activated 和 deactivated 钩子函数13vm.$on 支持多事件14v-on 支持新的 mouse event 修饰符 .left, .right, .middle15使用驼峰风格属性将会警告实际上单文件组件并没有此问题因为会自动转化为短横线分隔式命名vue2.3 变化1许多重要的服务端渲染的改进发布了 ssr guide。2异步组件改进、函数式组件改进3.sync 修饰符回归。不过只是一个简单的语法糖:foo.sync 等价于 :foobar update:fooval var val子组件更新 foo 的值时需要明确地触发事件this.$emit(update:foo, newValue)4Vue.config.errorHandler 支持自定义指令和 nextTick 回调中抛出的错误5v-on 支持 .passive 修饰符6属性验证支持 type: Symbol7style 绑定支持数组div :style{ display: [-webkit-box, -ms-flexbox, flex] }vue2.4 变化1完全的服务端渲染 异步组件支持。这意味着在服务端渲染中异步组件/代码分割不再局限于路由级别。2inheritAttrs 选项和 $attrs, $listenersdivinput v-bind$attrs v-on$listeners
/div3v-on 支持对象button v-on{ mousedown: doThis, mouseup: doThat }/button4增加 comments 选项默认 false设置为 true 时将会保留 tempalte 里面的 html 注释5服务端渲染性能提升了2~8倍取决于你的组件可以优化多少vue2.5 变化1增加 errorCaptured 钩子来增强错误处理2TypeScript 声明改进3函数式组件改进template 支持函数式组件template functionaldiv{{ props.foo }}/div/template4v-on 改进添加了 .exact 修饰符!-- this will fire even if Alt or Shift is also pressed --button click.ctrlonClickA/button!-- this will only fire when only Ctrl is pressed --button click.ctrl.exactonCtrlClickA/buttonkey 修饰符如input keyup.page-downonPageDown5简化的 scoped slot6nextTick 内部实现改变在 v-on 内绑定的事件处理函数中的 DOM 更新延迟由 micro task 改成了 macro taskvue-router 变化1传递属性给路由组件在组件中使用 $route 耦合性非常强通过传递属性的方式可以解耦大大增强组件的灵活性。2组件内的钩子函数 beforeRouteUpdate使用这个钩子函数可以不用像之前那样必须 watch $route3router.addRoutes动态添加路由的利器4router.push() 和 router.replace() 支持可选的第二个回调参数onComplete和第三个回调参数onAbort5导航的 next 函数支持接收一个错误作为参数6新的 router guard 方法 router.beforeResolve()7新的路由实例选项 fallback控制路由当浏览器不支持 history.pushState 时是否 fallback 到 hash 模式。当服务端渲染需要兼容 ie9 时设置为 false因为服务端渲染不能使用 hash 路由模式而 ie9 不支持 history.pushState。8当浏览器支持 history.pushState 时hash 模式也可以支持 scrollBehavior同时这个函数也支持返回 Promise。9发布了 v3.x主要是为了兼容 TypeScript。vuexvuex 没有大的变化有添加一下方法。和 vue-router 一样发布了 v3.x也是为了兼容 TypeScript。2018 展望vue 3.x2018年很有可能发布 Vue 3这个版本只支持长期更新的浏览器如 Edge不会支持 IE。主要改变的是 vue.js 内部外部 api 会尽量 100% 兼容。对于低版本浏览器可以使用 vue 2.x因为2.x 和 3.x 将会同时维护。查看计划vue-cli 3.xvue-cli 2.x 暴露了一堆配置对新手很不友好更重要是这样很难直观地知道项目相对于默认配置的修改而且这些配置直接从 github 拉取下来也没有版本的概念。vue-cli 3.x 将会只暴露一个配置的 js 文件并且会预设很多默认配置可能会类似于 Nuxt.js具体查看讨论vue-devtools 4.x(已发布)新发布的 vue-devtools 比上一个版本强大了很多支持从页面中选择组件、Inspect DOM、过滤观察的 data/state 等直接编辑 data 等。服务端渲染随着 Nuxt 1.0 正式版本的发布相信接下来很多公司都会将其用于部分对 SEO 有要求的官网页面。移动端weex 和 nativescript-vue 被越来越多的公司用于生产环境了但是成熟度、流行程度相对于 react 的 react-native 有一段距离。ios11.3 也支持了 Service Workers也许接下来 PWA 会很流行style guide目前官方只发布了 beta 的 style guide接下来可能会发布正式版配合 eslint-plugin-vue 让我们写出更好的 vue 代码。原文地址:https://www.cnblogs.com/ang-/p/8371330.html.NET社区新闻深度好文欢迎访问公众号文章汇总 http://www.csharpkit.com
