心路历程:vue2.0+webpack+koa2 前后端同构实践(三)

vue2.0升级

纠错

第一篇中有个错误观点

必须用新的方法render来代替template

vue2.0中都JXS和template两种写法都支持。JXS有一定的应用场景,特别是在前后端同构时,稍后总结。

升级

我当前使用的版本:v1.0.16,升级到v2.0.0-beta.1

官方资料

Vue2.0 Features

分隔符

Global API
Vue.config.delimitersreworked as a component-level option
Vue.config.unsafeDelimiters deprecated, use v-html

Options > Misc
delimiters new, replacing the original global config option. Only available in standalone build.

插入文本时,不能使用自定义分隔符,可以是以下形式

{{text}}

插入Html时,只能使用 v-html 指令。

但是有个疑问,为什么在同构时,使用v-html会导致前后端渲染不一致。

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. Bailing hydration and performing full client-side render.

还原事故现场骚扰尤大大去。

事件监听

When used on a custom component, v-on now only listens to custom events $emitted by that component. (no longer listens to DOM events)

之前为了省事会那么干

以上代码通过JS原生事件click执行,如果是非JS原生事件那么就要通过子元素触发。
现在绑定的事件名必须是子元素定义过的。

待续

关键字:vue.js, vue, #v-html# 同构

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部