Vue.extend创建的组件propsData上接收的值改变了但是视图没有更新! vue.jsja
Vue.extend创建的组件propsData上接收的值改变了但是视图没有更新! vue.jsjavascript
import videoView from "../videoView"
const comp_videoView = Vue.extend(videoView); console.log("instance===index===",index); const instance_videoView = (new comp_videoView({ propsData:{ // index:index, uid:id, userType:userType, userName:userName, userRole:userRole }, data(){ return $.dataObj } })).$mount(); instance_videoView.index = index; // $.$set(instance_videoView,"index",index); console.log("nodetype:",instance_videoView,typeof index) document.getElementById("ag-canvas").appendChild(instance_videoView.$el);
videoView.vue
实际场景： parent.vue 组件里去修改extend创建组件里的userType值，这个值是发生改变了，但是videoView视图没有同步更新？
写回答
-
propsData不是响应式的，可以去官网查看下，在模板里，绑定 props 是响应式的，这两者有所区别，详情可以去官网查询下。propsData 仅仅是为了方便单测
2020-01-09 16:00:43赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
