vue1升级vue2
来源:互联网 发布:大数据平台 联想 网易 编辑:程序博客网 时间:2024/06/05 00:33
最近将vue1项目升级到vue2,在升级过程中踩过不少坑,在此记录下来,不当之处欢迎指正。
body空白(router-view未显示)
- 在 webpack 配置中添加下面的别名,如果不想使用独立构建即不添加下述别名,则记得使用vue-loader或vueify(注意其版本是支持vue2的)。具体可参阅官网(安装->NPM下的独立构建vs运行时构建)https://cn.vuejs.org/v2/guide/:
resolve: { alias: { 'vue$': 'vue/dist/vue.common.js' }}
router.push失效
- 使用router.push未跳转到指定路径,经排查发现router.push在
new Vue({el: '#app', router: router, render: h => h(App)})
前是不起作用的,移到后面就ok了。
计算属性中$refs未定义
- 在计算属性中引用到
refs却是undefined,这是因为 refs只在组件渲染完成后才填充且是非响应式的。建议避免在模版或计算属性中使用 $refs,采用watch或在mounted方法中显示调用。参考https://cn.vuejs.org/v2/guide/components.html#子组件索引
.sync修饰符
- 在vue2.0中移除了.sync,只是单向数据流。在vue2.3.0中重新引入了.sync作为一个编译时语法糖存在,在子组件中需要更新父组件foo的值式需要显式触发一个更新事件:this.$emit(‘update:foo’, newValue)。
子组件调用父组件方法
- 在父组件中使用@click=”clicked”,在子组件中显式调用this.$emit(‘click’)。
最后建议查阅官网https://cn.vuejs.org/,可以对比一下不同语言版本,或许一些微小差异就是解决issue的方法。
阅读全文
0 0
- vue1升级vue2
- vue1.0升级到vue2.0
- vue1和vue2的区别
- vue1.0到vue2.0迁移助手
- vue1.0和vue2.0区别
- 响应式学习----从VUE1 到 VUE2
- vue1
- vue1
- vue 学习笔记二之vue2与vue1的选择
- vue2 与 vue1都支持的组件tree互动api。
- vue2.0的变化,与vue1.0对比
- 二三、vue2与vue1的区别(一)
- 二六.vue2与vue1的区别(二)
- 二八、vue2与vue1的区别(三)
- vue1.0和vue2.0的区别之路由
- vue1.0与vue2.0区别之组件通信
- vue1和vue2获取dom元素的方法
- vue1.0和vue2.0的watch监听事件写法
- MySQL 可以用localhost 连接,但不能用IP连接的问题,局域网192.168.*.* 无法连接mysql
- 使用继承或接口实现模板方法的方式与函数回调的感悟
- 字符串转utf8编码
- 纯c3写的立体导航效果
- thinkphp 路由实现列表和详情
- vue1升级vue2
- pads 生成gerber时提示 “没有该尺寸的符号:0.8- 所使用的符号: +”
- Unity3D Hololens 真机调试 在VS2015上调试应用程序
- HLS使用指南
- Retrofit A type-safe HTTP client for Android and Java
- 正则笔记-贪婪,非贪婪模式。
- 在web.xml中配置error-page
- 812B(状态压缩)
- 浙江工业大学之江学院程序设计竞赛决赛