Vue
Welcome to Vue Discussions! #5902
Replies: 35 comments 23 replies
-
|
😄 |
Beta Was this translation helpful? Give feedback.
-
|
vue-router会有新文档吗 |
Beta Was this translation helpful? Give feedback.
-
|
hello vue |
Beta Was this translation helpful? Give feedback.
-
|
hi there |
Beta Was this translation helpful? Give feedback.
-
|
Awesome~ |
Beta Was this translation helpful? Give feedback.
-
|
Wow)))) |
Beta Was this translation helpful? Give feedback.
-
|
cool |
Beta Was this translation helpful? Give feedback.
-
|
基于 Vue + Ts + Vite + Element-plus 的中后台 |
Beta Was this translation helpful? Give feedback.
-
|
more attention #5218 |
Beta Was this translation helpful? Give feedback.
-
|
How does this impact forums and other communication channels? Just another channel or replacing the official forum? |
Beta Was this translation helpful? Give feedback.
-
|
Awesome! |
Beta Was this translation helpful? Give feedback.
-
|
支持 Vue，尤大 YYDS |
Beta Was this translation helpful? Give feedback.
-
|
Hey there! I'm welcoming myself into Vue Discussions 😀 |
Beta Was this translation helpful? Give feedback.
-
|
Awesome! |
Beta Was this translation helpful? Give feedback.
-
|
What we should use in new projects, vite or webpack? |
Beta Was this translation helpful? Give feedback.
-
|
Vite is the new recommendation |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
agree |
Beta Was this translation helpful? Give feedback.
-
|
got it |
Beta Was this translation helpful? Give feedback.
-
|
its great |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
Suggestion: Make Say I want to join two lists ( fooList and barList ) in vue template Currently we can only write <ul>
<li v-for="foo of fooList" :key="foo.fooId">
<li v-text="foo.num" />
<li v-text="foo.text" />
<li v-text="barList.find(bar => bar.barId === foo.barId).num" />
<li v-text="barList.find(bar => bar.barId === foo.barId).text" />
<li v-text="barList.find(bar => bar.barId === foo.barId).text2" />
</li>
</ul>
In JSX we can write <ul>
{
fooList.map(foo => {
const bar = barList.find(bar => bar.barId === foo.barId);
return [
<li v-text={foo.num} />
<li v-text={foo.text} />
<li v-text={bar.num} />
<li v-text={bar.text} />
<li v-text={bar.text2} />
];
})
}
</ul>If we can create new variables in Vue template like what we can do in JSX, we can write <ul>
<li v-for="foo of fooList" :key="foo.fooId">
<script type="a special tag indicates that this script is inlined into generated component code">
const bar = barList.find(bar => bar.barId === foo.barId);
</script>
<li v-text="foo.num" />
<li v-text="foo.text" />
<li v-text="bar.num" />
<li v-text="bar.text" />
<li v-text="bar.text2" />
</li>
</ul>It's not only cleaner, but also more efficient. |
Beta Was this translation helpful? Give feedback.
-
|
Move complex code into other place doesnt mean the whole code is simplified. 3 lines VS 11 lines addition, which one is more complex? |
Beta Was this translation helpful? Give feedback.
-
|
Another example: <ul>
<li v-for="item of list" :key="item.id">
<script type="a special tag indicates that this script is inlined into generated component code">
const inputRef = ref<HTMLInputElement>():
</script>
<input v-model="item.text" :ref="x => inputRef = x" />
<button @click="inputRef.focus()">Focus this line</button>
</li>
</ul>For now I would rather use $event.currentTarget.previousElementSibling than the standard ref stuff |
Beta Was this translation helpful? Give feedback.
-
Line of code isn't a measure of complexity. But complex computations in the template are harder to maintain and reuse. But you're right your proposal has less lines of code. |
Beta Was this translation helpful? Give feedback.
-
Create a new component |
Beta Was this translation helpful? Give feedback.
-
|
I don't know, but the JSX syntax for me is more readable. But Vue is nice to work with. |
Beta Was this translation helpful? Give feedback.
-
|
Suggestion: Make
If we name the script if we explicitly write I like to move my business logic code into a seperate file and I don't want to make my template file toooooo long. Please consider it twice. |
Beta Was this translation helpful? Give feedback.
-
|
I'm wondering if it will be to hard to implement a way to infer the code behind without the need to have a And now that vscode has Explorer file nesting it's even better. |
Beta Was this translation helpful? Give feedback.
-
|
Since you already posted two suggestions/feature requests as comments of this Welcome Announcement: You can start individual discussions for things. That's what this discussions" Feature is about. As for new feature requests - as mentioned in this very announcement, take them to: https://github.com/vuejs/rfcs |
Beta Was this translation helpful? Give feedback.
-
|
cool :=) |
Beta Was this translation helpful? Give feedback.
-
|
Hello! |
Beta Was this translation helpful? Give feedback.
-
|
how to do UI component library testing? |
Beta Was this translation helpful? Give feedback.
-
|
Use test utils |
Beta Was this translation helpful? Give feedback.
-
I use vitest and vue test utils to do unit test in tdesign-vue-next. and I initiated a unit test improvement program。 What confuses me is that dimensions of component library tests。coverage？we did snapshots of many demos, mybe it can improve test coverage，but it's very revealing。I'm more eager for the practical experience of the system。 |
Beta Was this translation helpful? Give feedback.
-
Yes, that also confuses me. I think the same only in practice we will know for sure if these tests and other features will work |
Beta Was this translation helpful? Give feedback.
-
|
so, TDD may avoid a lot of mistakes that are made right from the start。But our code has already been written。How to reduce errors when npm packages are delivered to users。we add as many demo scenes as possible。but not systematized。 |
Beta Was this translation helpful? Give feedback.
-
|
Vue4啥时候出来啊 |
Beta Was this translation helpful? Give feedback.
-
|
😄 |
Beta Was this translation helpful? Give feedback.
-
|
How to learn |
Beta Was this translation helpful? Give feedback.
-
|
I went to ask new bing , this is its answer, I hope it will help you：
|
Beta Was this translation helpful? Give feedback.
-
|
我在使用vue3.3.4版本的时候发现在App.vue文件里引入Directive引入时报错。 网页上报错是这样的：Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue.js?v=8d1ebff5' does not provide an export named 'Directive' |
Beta Was this translation helpful? Give feedback.
-
|
看到了😂，#8856 Link |
Beta Was this translation helpful? Give feedback.
-
|
TypeError: Cannot assign to read only property 'length' of object '[object Array]'新建vue工程然后刷新一下就会出现这个异常，vue版本是2.6.14，node版本是12.18.0 |
Beta Was this translation helpful? Give feedback.
-
|
@yyx990803 VUE-languagetool dead? |
Beta Was this translation helpful? Give feedback.
-
|
Help! When I want to add |
Beta Was this translation helpful? Give feedback.
-
|
Good |
Beta Was this translation helpful? Give feedback.
-
|
HaHa,I wrote a Vue source code blog website. Come and take a look! |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for the warm welcome to Vue Discussions! 🎉 This sounds like an excellent space for the community to collaborate, share knowledge, and grow together. I’m excited to:
I appreciate the focus on maintaining a positive and inclusive environment. Let’s make this community a great place for everyone to learn and contribute! 💚 Looking forward to being a part of this journey with all of you! 🚀 |
Beta Was this translation helpful? Give feedback.
-
|
Love Vue! |
Beta Was this translation helpful? Give feedback.
-
|
Hello Vue Community! My name is Gédéon, and I'm from Benin, West Africa. I'm a passionate self-taught Vue.js developer, and I’ve learned Vue 2, Vue 3, Vuex, and Pinia entirely on my Android smartphone because I truly love coding and building meaningful solutions. I'm currently working on a project that is very close to my heart: CampusConnect — a web application designed to connect students across Benin and Africa, help them find opportunities, collaborate on ideas, learn to code, and grow their entrepreneurial mindset. In many parts of Africa, students face serious challenges: limited access to networks, tools, and digital support. CampusConnect aims to create a human-centered digital campus, built by and for the youth. Right now, my biggest limitation is technical: I’m reaching out to ask for your support — financial or otherwise — to help me acquire a computer. It would allow me to move forward with CampusConnect, continue learning, and contribute back to the community in meaningful ways. I’m open to mentorship, advice, collaboration, or just a conversation. Thank you so much for your time and support 🙏 |
Beta Was this translation helpful? Give feedback.
and others
Uh oh!
There was an error while loading. Please reload this page.
-
👋 Welcome to Vue Discussions!
We’re using Discussions as a place for the community to connect and help each other. This is where you can:
Note: if you have a substantial feature request, please head over to the vuejs/rfcs repo which is dedicated to framework design discussions.
Please be welcoming and open-minded, and follow our Code of Conduct. Remember that this is a community we build together 💪.
Beta Was this translation helpful? Give feedback.
All reactions