using library without vue-router
See original GitHub issueI was thinking of ways to use the library for transforms that don’t involve vue-router. For example, a modal opening that doesn’t change the history/url. For example, imagine the code
<template>
<div>
<div style="display: flex;">
<div style="color: blue;" v-shared-element:test="{ includeChildren: true}">Blue</div>
<div style="margin-left: auto; color: red;" v-shared-element:test="{ includeChildren: true}">Red</div>
</div>
<button type="button" @click="condition = !condition">Change</button>
</div>
</template>
And having that work v-shared-element
Issue Analytics
- State:
- Created 3 years ago
- Comments:14 (14 by maintainers)
Top Results From Across the Web
how to check vue components in browser without using VUE ...
If you route the page with Java or .Net, Just create a route page with .Net and import the component into your new...
Read more >Vue Router: Home
Vue Router. The official router for Vue.js. ... Expressive route syntax. Define static and dynamic routes with an intuitive and powerful syntax.
Read more >How to Use Vue Router: A Complete Tutorial - Vue School Blog
Vue Router is the official library for page navigation in Vue applications. Vue Router is simple to use, yet powerful.
Read more >How To Navigate Between Views with Vue Router
The first thing to do is import the Vue Router library. You actually don't need to access everything in this library in order...
Read more >Can you use Vue.js as a general-purpose JavaScript library?
This error is probably the one we incurred when the links were not working. If, however, the Vue versions are the same, Vue...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
The work done in this issue so far is definitely just brainstorming, I wouldn’t say any concept so far is something I think is ready for a PR.
Maybe, I’ll take a look at framer-motion.
After playing with this for a long time and still not getting anything that I’d consider reliable enough to ship, and dealing with some performance issues when many shared-elements are present on a single route, I think is a feature best kept for a separate package. If I find some free time I may work on another directive (or component) that is capable of performing such a task.
In the meantime, I’m going to close this issue.
I will reply to this thread if I make any more progress on this. Thank you for all your input and time spent brainstorming!