文章 2023-01-10 来自:开发者社区

Vue框架----缺少Div根对象 报错( Component template should contain exactly one root element. If you are....)

1.错误代码示范<template> <Child :message="message" :age="age" :list="list"/> <button @click="message='全新的数据'" >修改数据</button> <hr/> <Child2 @onEvent="message...

Vue框架----缺少Div根对象 报错( Component template should contain exactly one root element. If you are....)
文章 2023-01-06 来自:开发者社区

Vue框架设计(一):命令式or声明式

前言从范式角度来看,视图层框架通常分为命令式和声明式。作为框架设计者,应该对两种范式都有足够的认知,才能做出正确的选择,甚至想办法汲取两者的优点并将其捏合。那么Vue3框架应该设计成命令式还是声明式?这两种范式有何优缺点?我们能否汲取两者的优点?概念命令式早年间流行的jQuery是典型的命令式框架。命令式框架的一大特点是关注过程。举个例子,我们要做到下面的步骤:获取id为app的div标签它的文....

文章 2023-01-02 来自:开发者社区

手把手教你Vue从零撸一个迷你版MVVM框架(二)

下面我们就来简单的分析下我们这个函数的作用以及用法//初始化 class MiniMVVM { constructor(options) { this.$el = options.el; this.$data = options.data; //判断是否有模板,如果有模板的话,就执行编译和数据劫持 ...

文章 2023-01-02 来自:开发者社区

手把手教你Vue从零撸一个迷你版MVVM框架(一)

这段时间 在工作之余的休息时间,学习了解Vue ,学习Vue的设计思想,通过Vue官网学习Vue的语法,通过Vue前端技术,搭建构建了一个简单的项目,在项目学习完之后,发现Vue是一个很有意思的前端技术,没事就看了源码,第一次看的时候不知道如何下手,就开始在百度,谷歌,两大搜索神器的帮助下,找到了学习的快捷之路。发现了难啃的骨头,才是最有意思的事。Vue框架到底为我们做了什么?数据和视图分离,解....

手把手教你Vue从零撸一个迷你版MVVM框架(一)
文章 2022-12-12 来自:开发者社区

Vue Admin Work 系列框架又添新成员啦~

各位小主大家好,很抱歉这段时间以来没有及时更新和维护Vue Admin Work之前版本。因为这段时间一直致力于开发两个新的版本 Vue Admin Work A 和 Arco Admin 两个版本。终于工夫不负有心人,我们也完成了这两个版本的开发工作。接下来的工作就是要升级和维护所有的版本。与此同时,我们也同时对 P 版本 和 Admin Work 和 X 版本做一次升级工作。详细信息请稳步 ....

Vue Admin Work 系列框架又添新成员啦~
文章 2022-11-21 来自:开发者社区

Vue+EelementUI实现快速搭建后台管理系统框架,并且实现页面件的路由跳转

EelementUI 搭建项目框架+页面路由跳转一、整体布局示意图、总体布局 Main.vue组件、index.js总路由1、Main.vue 组件,所有框架组件的父组件<template> <div id="main"> <!-- 头部 --> <!-- 高为80px --> ...

Vue+EelementUI实现快速搭建后台管理系统框架,并且实现页面件的路由跳转
文章 2022-10-18 来自:开发者社区

配置vue项目框架和vuex简单使用

配置项目基本框架assetscomponentsnetworkrequestrouterstoreviewsapp.vuemain.jsvuex基本使用<template> <div> <h2>{{$store.state.counter}}</h2> </div> </template> <script> ...

文章 2022-10-13 来自:开发者社区

Ant Design Vue 框架的a-table嵌套a-form-model达到验证效果

Ant Design Vue 框架的a-table嵌套a-form-model达到验证效果注:开发环境vue2,ant版本1.7.8需要先了解表头和内容自定义插槽https://blog.csdn.net/weixin_41620505/article/details/125886643需求:动态添加item并校验输入框 1、script中创建表头<script> export ...

文章 2022-08-15 来自:开发者社区

实现 Vue 框架用户短时间内多次点击同一按钮仅触发一次

使用 Vue 框架开发项目中,遇到个问题,就是在用户提交数据时,如果连续多次点击按钮,会触发多次,导致数据异常,因此需要限制用户短时间内多次点击同一按钮,只触发一次。1. 自定义指令利用元素的 disabled 属性,新建自定义指令,preventClick.js1export default { 2 install(Vue) { 3 Vue.directive('preventCl...

实现 Vue 框架用户短时间内多次点击同一按钮仅触发一次
问答 2022-08-11 来自:开发者社区

Vue框架都有哪些需要了解的基础知识啊?

Vue框架都有哪些需要了解的基础知识啊?

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注