本篇文章将封装一个优雅的项目级通用弹出框。该弹出框实现重用的同时,将内容与表现分离,让使用者可以专注于绘制弹框内容,而不用在意弹框的具体实现。文章阅读预计15分钟。成果预览:一 父组件准备我们创建文件modelTest.vue,将其引入父组件并注册。// 父组件 <template> <div class="home"> <button @cl
一般情况下每个vue组件都用"\ renderrender是组件的一个选项, 他的返回值会被作为组件的DOM结构. ```html```试试插入html: ```html```可以看到html标签被当做字符串渲染了,* 并没有生成h2标签. 如何正确插入h2标签呢?*VNode如果想插入DOM就要用到"VNode", VNode是vue对页面DOM节点的描述, 其是一个Object类型.h结构
在这篇文章中,我将向你介绍如何使用Vue 3ElementUI来构建一个管理系统的后台管理界面。我们会逐步讲解整个过程,包括环境的搭建、项目的初始化、组件的使用等。下面是我为你准备的教程流程: | 步骤 | 操作 | |---------------------|--------------------
原创 4月前
322阅读
近期公司工作较忙,更新一直上不来,望大家见谅。不废话,今天我们来看一下,vue的render函数。很多朋友对于长篇大论看不下去,有的呢是有接触过这些,所以我们今天吧总结写在前边。需要的朋友可以往下看:  总结:  1. render方法的实质就是生成template模板;  2. 通过调用一个方法来生成,而这个方法是通过render方法的参数传递给
转载 2月前
57阅读
vue 是一个完全支持组件化开发的框架, 组件之间可以进行相互的引用。vue 中组件的引用原则:先注册后使用。1. 组件的注册组件之间可以进行相互的引用,例如:注册组件的的方式:分为“全局注册”和“局部注册”两种,其中:被全局注册的组件,可以在全局任何一个组件内使用被局部注册的组件,只能在当前注册的范围内使用1)全局注册组件<dependency> <groupId>org
转载 21天前
11阅读
这个例子还是比较简单的,独立完成后,能大概知道vue是干嘛的,可以写个todoList的小例子。开始写例子之前,先对环境的部署做点简单的介绍,其实和Vue官方的差不多。#如若没有安装过vue-cli,先全局安装一下vue-cli $ cnpm i -g vue-cli #到自己喜欢的目录下创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # #
本篇记录vue3 使用pinia修改state的三种方法1. 新建vue3项目,安装Pinia,不再详细描述。。。2.目录app.jsimport {defineStore} from "pinia" const appStore = defineStore('appStore', { state: () => ({ baseUrl: 'https://www.ba
 写在前面    时间真快,转眼又是新的一年。随着前后端技术的不断更新迭代,尤其是前端,在目前前后端分离开发模式这样的一个大环境下,交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react,随着后面钩子的加入更让人爱不释手,但是整个团队需要更新技术,这里选择了更容易上手的Vue(这里的容易上手并没有歧义,指的是更容易适应),也相信Vue3.0发布后会更
转载 4月前
54阅读
一、ant-design-vue中a-date-picker组件只选择年份今天遇到了在日期选择器中只选择年份的日期选择器,但是是使用的ant-design-vue,目前还没有只选择年份的日期控件,但是需求还是要实现,上代码: 在template中<a-form-model-item label="开始年限:" prop="all_plan_one" > <a-date-pi
转载 5月前
279阅读
使用vue实现分页的逻辑并不复杂,接收后端传输过来的数据,然后根据数据的总数和每一页的数据量就可以计算出一共可以分成几页我编写了一个简单的前端页面用来查询数据,页面一共有几个逻辑  具体的效果可以看下面的演示  下面就来看一下具体的实现步骤。首先看一下vue的代码<script type="text/javascript"> Vue.cr
vue3 core之生命周期 引入篇1 文章简介2 生命周期主要内容2.1 引出生命周期2.1.1 例子引入2.1.1.1 不推荐的实现方法(定时器在vue外面)2.1.1.2 推荐使用的实现方式(定时器在vue里面)2.1.2 vue实例的执行过程2.1.3 挂载概念的引入2.1.4 生命周期函数2.1.4.1 生命周期回调函数2.1.4.2 生命周期钩子(程序员内常用语言)2.1.5 生命钩
文章目录前言一、elementui和bootstrap区别二、项目效果三、详细代码 前言当前流行的elementuivue结合 国内目前唯一一个真正推向国际的Vue生态UI框架提示:以下是本篇文章正文内容,下面案例可供参考一、elementui和bootstrap区别● element-ui是一个ui库,它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。 ● Boo
vue3已经RC版了,但是目前国内最流行的UI库还没有动静。 以下我把大体的步骤总结一下。 1. Fork代码 2. clone到本地 3. 安装依赖 4. 运行单元测试 5. 开发前同步官方最新代码 fork代码后,如果kkb主库有,需要手动拉去同步。 这个需要随时做 保…
原创 2023-03-21 17:30:31
137阅读
一、概述基于 Vue 和 Element-UI 的电商后台管理系统1.1 实现功能用户登录/退出用户管理用户列表 实现用户的增删改查、分页查询以及分配角色功能权限管理角色列表 实现角色的增删改查以及分配权限、删除权限功能权限列表 展示所有权限以及权限等级商品管理商品列表 实现商品的增删改、分页查询分类参数 实现分类参数的增删改商品分类 实
最近需要用Node.js做一个桌面的应用,了解到electron可以用来做跨平台的桌面应用,而vue可以用来作为界面的解决方案,研究了一会儿如何把他们两个整合到一起使用,遇到了各种问题而放弃,毕竟作为一个非前端开发人员我的目的就是看这个东西能不能满足我的需求,而不想浪费太多的时间在上面,后来又看到了electron-vue,顾名思义就是将electron和vue整合到了一起直接使用,于是开始尝试搭
转载 5月前
51阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
571阅读
2评论
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template> <div id="three"></div> </template>引入Threejs依赖<script l
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
600阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
与reactive函数一样,watch同样在vue3中也是一个暴露出来的函数。在setup中直接调用即
原创 2022-10-23 00:27:57
978阅读
  • 1
  • 2
  • 3
  • 4
  • 5