Hello!
I ran dts-bundle-generator against some .vue files, and it seems to ignore them completely. Is there a known setup to handle this case?
Thanks!
f-lawe
Updated
Add an individual task;
Search bar to filter the task with the current input;
Filters (complete, incomplete);
Save/load state to/from localstorage;
Individually:
Remove
Mark as complete
Edit;
Clear all tasks (with a confirmation modal);
201flaviosilva
Updated
Hello!
I'm sorry this is such a simple question.
https://vite-pwa-org.netlify.app/frameworks/vue.html mentions a module type declaration and provides the contents for virtual:pwa-register/vue. What exactly if this file to be named and where is it supposed to live?
It would be awesome if this was also clarified in the docs.
Thanks in advance!
feamsr00
Updated
这里有一种别的思路,使用自定义渲染器直接渲染x6内置的对象,包括x6的插件等。这个库更加简洁清晰。
vue-x6
lloydzhou
Updated
Description
We need to create our frontend user interface. We are going with a web-based application using the VueJs framework. For more details on the specifics of Vue, check out it's documentation, (particularly the parts regarding components). Our user interface will be comprised of 3 main elements:
Header Bar
Control Panel
Display Window
Within the the Display Window we will have 3 separate pages: home, settings, and diagnostics.
Tasks
Header Bar
Control Panel
Home Page
Settings Page
Diagnostics Page
Dynamically insert data from Vuex Store (see #8)
Link buttons to JS functions
Notes
Below are some images of old interface designs. We don't have to follow the old UI, but it's a good starting point to improve on. One notable change is that the user buttons must be much bigger than in old designs, as they used an external keypad where as we are using the touch screen. Also, since we now have a web-based model we can use a menu bar to navigate between pages (ie. the home/settings/diagnostics buttons are no longer necessary) and thus the number of buttons we need is now just 6, not 8.
Old UI Designs
Kameroni33
Updated
display
Node.js에서 __dirname 은 현재 실행하는 파일의 절대경로를 말합니다.
Vue.js에서 경로를 사용할 때(img, import, require 등) webpack bundle 때 '@'라는 경로를 src/ 경로로 바꿔주는 설정입니다.
참고 링크
vue.js의 path에 들어가있는 '@'는 무슨 뜻일까?
Eu4ng
Updated
documentation
설치
Node.js (현재 18.15.0) 설치
vue cli 설치
npm
npm install -g @vue/cli
npm install -g @vue/[email protected] (특정 버전)
yarn
yarn global add @vue/cli
Visual Studio Code 확장 프로그램 설치
Vetur
HTML CSS Support
Vue 3 Snippets
프로젝트 생성
프로젝트 부모 폴더 생성
프로젝트 부모 폴더에서 터미널 열기
vue create ProjectName
Eu4ng
Updated
documentation
Hi guys! I have implement an button to copy text to clipboard
I'm working on Vue 3 + Typescript and im stuck in a problem that "Property '$copyText' does not exist on type 'void'" - its will be warning that every time i call the @CopyText.
Please leave a comment or sth thank u guy.
its look like:
vinhvinhvinh
Updated
组件化的定义
抽象小型、独立、可预先定义配置的、可复用的组件
小型:页面的构成拆分一个一个小的单元
独立开发:每一个小单元尽可能都独立开发
预先定义:小单元都可以先定义好,在需要的时候导入使用
预先配置:小单元可以接收一些在使用的时候需要的一些配置,每个组件有每个组件的关注点
可复用:一个小单元可以在多个地方使用
组件化开发Tab栏模块
Tab栏的基本组件划分
Tab栏的基本组件划分如下:
Tab Component
Search Component
Nav Component
NavItem Component
Content Component
Tab栏基本的数据结构
data数据的划分:
Nav组件需要的数据:id,title
Content组件需要的数据:itemTitle,content
需要实现的功能点分析
Nav导航栏组件内部的元素可以自适应地变化宽度,即宽度随着数据的数量变化
Nav导航栏组件与Content组件相互对应,即Nav-1对应Title-1,Nav-3对应Title-3
点击Nav导航栏中的元素,可与Content组件内容联动切换
Search组件输入相应的title,content值,能够自动聚焦到相应的导航卡上
开发的思路与功能点解析
Tab栏项目的起始模板文件
vue单文件都是利用ES6中的模块化进行导入与导出
在App.vue文件中引入Tab组件,且利用components属性局部注册Tab组件
通过绑定属性的方法,将App.vue文件中初始化的tabData数据向tab组件中传递
在tab.vue文件中引入Search,Nav,Page组件文件并注册
Tab.vue文件中通过props属性,获取从App.vue中传递的tabData数据
Tab组件需要的事情
分流tabData数据
Nav组件需要的数据:tabData数据中的id,title属性
Content组件需要的数据:tabData数据中的itemTitle,content属性
向子组件传递数据
向Nav组件传入数据
向Content组件传入数据
接收子组件触发的自定义事件
接收子组件Nav自定义事件
接收子组件Search自定义事件
分流tabData数据功能的分析
为什么要分流tabData数据?怎样分流?怎样的方式实现?
分流tabData数据的目的是:针对于Nav、Content子组件需要的数据进行对tabData数据结构进行分流,能够让子组件使用本身需要的数据;
选择使用计算属性computed去做数据的分流:为什么使用computed呢?因为针对于这种数据的复杂逻辑来说,computed处理这种复杂的逻辑挺适合,并且computed具有缓存数据的功能,当数据变化时才会去重新执行,如果数据不变化的时候,就使用实例上缓存的数据;
Tab组件接收子组件触发的自定义事件分析
点击Nav导航栏,进行切换
输入框输入数据,进行切换导航栏
总结组件化Tab栏
父子组件之间的单向数据流传递;父组件通过绑定属性向子组件传递数据;子组件通过props接收父组件传递的属性;子组件通过$emit()方式向父组件触发自定义事件,父组件通过@emit-name=""的方式处理子组件触发的事件;
CapricornRR
Updated
tenir compte des relations INDEXE
nicolair
Updated
enhancement
In a449fd0, SERVICOS VUE (https://wsaafyvue.yucatan.gob.mx/vue/services/consultar/recibos) was down:
HTTP code: 502
Response time: 3704 ms
Are there any plans to add a Wallet Selector connection example on vue?
Scofield-04-21-076
Updated
在 Vue3 中实现飘逸的元素拖拽 | 94code
元素拖拽是一个比较典型的前端学习案例,需要对 JavaScript 的事件有一定的了解,我也是在最近的工作中才重新拾起了这块内容,通过在 Vue3 这种声明式编程风格的框架中把元素拖拽一次讲清楚。
https://www.94code.cn/posts/vue-float-button.html
utterances-bot
Updated
v2 から v3 にあげるかつ、TypeScript 化。
ShvichiDegvchi
Updated
Split TodoList into other components
Cleanup TodoList component
brysonbw
Updated
we should translate Banners components in Vue JS.
FlorianBEME
Updated
https://zhuzaiye.github.io/post/20221014-vue-admin/
Forum post
Update wrappers to use kebab case convention for vue events.
Update guides
Stated here:
https://vuejs.org/guide/components/events.html#emitting-and-listening-to-events
Currently these supported:
Using onFunctions:
<bryntum-calendar
ref="calendar"
v-bind="calendarConfig"
:onBeforeDragMoveEnd="handleBeforeDragMoveEnd"
:onDragMoveEnd="handleDragMoveEnd"
/>
Using events with camelCase:
<bryntum-calendar
ref="calendar"
v-bind="calendarConfig"
@beforeDragMoveEnd="handleBeforeDragMoveEnd"
@dragMoveEnd="handleDragMoveEnd"
/>
TODO
Support this
<bryntum-calendar
ref="calendar"
v-bind="calendarConfig"
@before-event-resize="handleBeforeEventResize"
@before-drag-move-end="handleBeforeDragMoveEnd"
/>
页面:https://ming-d-w.github.io/more/interview-vue/
I reverted vue.config.ts to js in order to fix a build issue that we were getting cbf8507.
When we have the time we should go ahead and get the typescript config working again.
{
"name": "Vue",
"icon": "https://api.iconify.design/logos:vue.svg?color=%2310b981",
"desc": "易学易用,性能出色,适用场景丰富的 Web 前端框架",
"top":"1"
}
Previous
Next