Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

No you can not. Telling from experience. Here is the reason..

Vue is optimized to create/update your DOM elements based on data. Polymer does create a DOM node and internally implement lot os JS to create their own shadow DOM. Each Polyer component can have different life cycle (for Example and Table Component can actually creat TR,TD elements after some time of creating your Custom Table Polymer component). And Vue does not know this. Once the Dom for parent tag is created, Vue assumes its work is done. And if data change mean while it will remove it or update it. But Life Cycle of prevously create Polyermer component may still in progress...and you will get lot of exceptions in console.

How to burn your fingers and see this problem..?

Try to use OnsenUI Polymer components with Vue.JS. Mainly any List and Table tags with dynamic children bound to data.



I don't understand your point. Can Vue update `<input>`? If so it should be able to update any custom element.


Yes, that is what I thought. Until I started using some more wired Polymer components. Not all components get problems though.


Thanks. It sounds like it would get easier with Polymer 2.0?

https://www.polymer-project.org/2.0/docs/about_20


Weird, vaadin made a compat layer for polymer/angular and it works well. I would expect vuejs would also work reasonably well with proper compat. shim, there is one for vue 1.x.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: