vuejs / core

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
https://vuejs.org/
MIT License
45.61k stars 8k forks source link

hooks中export一个函数,函数return一个ref对象,value是字符串类型,template使用时会莫名多出双引号 Export a function in hooks, which returns a ref object with value being a string type. When using template, double quotes will inexplicably appear #11199

Closed I-love-learn closed 1 week ago

I-love-learn commented 1 week ago

Vue version

3.4.21

Link to minimal reproduction

https://play.vuejs.org/#eNp9UV1P3DAQ/CtbvwQkLifaPqErVVvxUCQ+xPFoCRnf5mJIbMteh0NR/jtrHxwgAW/JzuzszHgUf7yvh4TiSCyiDsYTRKTkj6Wdz6F17j5Ka3rvAsEIARuYoAmuh4qXqkJamj51ihBwU2gKmmQ1GWcBztQj3CKkiCsgB70i3cLKFFQFgxGoDS6tWzCWMDRKI9/Tzkb2QQF+5ZN7VbUv7U5UB+RrVxg908yASwrGrvf2R8kHeakeVJeQVyvdGqvYJLAKpWAzKu0k7Xvfz/GMhdyEtIv5tgnugH8Ie59p/Aew+DabwUP7+BukKOpSAMxmW6w9PB7HT+3BNC3mTMn6bzTFgaDIgRuzru+is/wQJQjru96bDsOFz7GjFEdQkIyprnMPp2VGIeHBy1y3qO8/mN/FTZ5JcRkwYhhQih1GKqyRtvDJ8hw3/L0De7dKHbO/ADmq61L2uKX9TXbFtt/witv/pWWu4jqebAi5m+dQ2WhmToUvBb/Bvy+iv9r9Uf8se/yk3OLNgCFrcoEM1N8PxfQE00D3SA==

Steps to reproduce

  1. Create a function to return a ref object
  2. import function in .vue
  3. in template use {{ function() }}

What is expected?

String does not display double quotes

What is actually happening?

double quotes

System Info

No response

Any additional comments?

No response