学生管理系统Element UI版
搭建环境 创建vue项目:vue create day16_element_student 安装第三方组件:axios、element npm install axiosvue add elmentSQLtb_class:CREATE TABLE `tb_class` ( `c_id` var
vue_SSR框架:搭好的Vue服务器渲染框架,用vue做网站开发、做seo的首选。
vue_SSR框架:搭好的Vue服务器渲染框架,用vue做网站开发、做seo的首选。
3分钟带你搞懂Vue双向绑定原理及问题剖析
Vue双向绑定原理及问题剖析,快速搞懂Vue双向绑定~
Vue 学习总结笔记 (十一)
1. Vue 路由(route)2. vue-router 插件库3. vue-router实现流程4. vue-router的几个注意事项5. 嵌套路由(也叫做多级路由)6. 路由传参(一) 之 query参数传值7. 命名路由8. 路由传参(二) 之 params参数传值9. 路由的props配
vue利用better-scroll实现通讯录式列表滚动和左右联动效果
better-scroll实现通讯录式列表滚动和左右联动效果
基于 Gitee 搭建个人网站-入门教程
文章目录前言准备搭建预览工程&配置介绍一些好用的插件全文搜索功能复制copy分页导航,在文档的最下方会展示上一个文档和下一个文档自定义配置侧边栏 loadSidebar部署部署github同步国内Gitee、访问速度前言这是一篇基于Gitee搭建个人网站的保姆级教程。从零到一。如果你想基于云
Vue用户管理(增删改查)功能详情
1、最终实现效果:Users.vue:<template> <div> <!--面包屑导航区域--> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-br
vue.js中的组件是什么?
我已经知道了vue是什么,但是我还不清楚vue中的组件是什么,所以本文的核心就是要搞清楚vue中组件的概念。我非常认可树形结构的概念,而且我认为树是这个世界的抽象,列表和集合很简单,也很容易理解,但是树会稍微比列表和集合复杂一些。根据vue官方文档的说明:组件系统是 Vue 的另一个重要概念,因为它
三月,和她一起看一次樱花吧(vue实现樱花漫天效果)
vue中使用canvas实现樱花漫天动态效果
《Vue》聊一聊实际项目中前端的几种皮肤实现和优缺点
在现代大前端领域中,换肤功能已经逐渐成为几乎所有应用的标配,尤其是暗夜模式被推广之后,皮肤功能就正式走到了大众的视野,同样,在web领域尤其是后台管理系统中皮肤功能也由此几乎成为了标配,恰好最近在做的东西同样要包含这样一套机制~
vue导出excel表格(详细教程)
在开发的时候,会经常用的导出excel表格功能,刚好自己开发有遇到,就记录一下一、安装vue-json-excelnpm install vue-json-excel -S二、main.js中引入import JsonExcel from 'vue-json-excel'Vue.component(
VUE+element-ui文件上传
文章目录图片上传+显示(ImageCropper)图片上传(el-upload)+显示(img)文件上传(el-upload)注意图片上传+显示(ImageCropper)此前端代码自己封装了自动文件上传,只需要配置后端接口需求URL以及对应的图片上传成功后的处理函数,后端返回OSS生成的图片访问地
宏任务和微任务
先来看看概念每一个宏任务执行完都会检查有没有待执行的微任务,如果有则将待执行的所有微任务执行完毕再执行下一个宏任务同步任务执行完也会检查有没有待执行的微任务注意:是每执行一次宏任务或者同步任务都要检查有没有待执行的微任务建议跟着步骤阅读setTimeout(()=>{ //第一步:setT
尤雨溪Vue登榜GitHub之路看似不难
本文为《新程序员004》内容,与Vue.js作者尤雨溪畅谈他的程序人生。《新程序员004》即将上市,敬请期待。从MySQL之父、MariaDB创始人Michael “Monty” Widenius,到PostgreSQL全球开发组联合创始人Bruce Momjian、阿里巴巴副总裁贾扬清、指令集创始
vue created中如何获取到dom元素(nextTick和settime)
正常操作咱们一般是在mouted里面操作dom,但是有些特殊的地方会用到。所以分享给需要的朋友;废话不说,下图此时是无法操作dom的,但我们已经拿到数据了。同时控制台会报错,因为我们在created阶段是获取不到dom的。如下就可以进行操作有关nexttick后续会再说,有兴趣的朋友可以查看官方文档
基于Vue Computed Watch Filter知识点小案例:购物车
计算属性Computed 计算属性:相当于可以完成代码计算的变量。(自动更新,并返回计算结果) 编写步骤: 步骤1:声明计算属性:(编写逻辑代码),在computed中声明 computed: { //属性名() { return 返回值 } total() {
Vue父子组件传参
一、父传子1.1业务逻辑父组件中点击编辑,将此行的row以对象的方式传到子组件,子组件相应地方显示父组件传过来的内容1.2功能展示1.3实现步骤1.3.1在父组件中引入子组件// 父组件中引入子组件import accidentNewDialog from './accidentNewDialog.
设计模式梳理之单例模式
单例模式,从字面意思来看,比较容易理解,单个实例的模式,这也是单例模式的主要思想,思想大概主题时限制一个类只能有一个实例化对象,大概意思就是,通过判断来分析是否存在实例化对象,存在则返回已实例化的对象,如果不存在则实例化且返回对象,但是也并不是所有的单例模式思想都要从构造函数观点出发,不是实例也可以
如何快速搭建一个完整的vue项目(使用vue-cli)
如何快速搭建一个完整的vue项目(使用vue-cli)vue-cli的安装vue-cli是一个脚手架工具,他继承了诸多前端技术,它们大部分依赖于两个东西:node环境:很多工具的运行环境npm:包管理器,用于下载各种第三方库目前npm已和node集成,当安装node后,会自动安装npm安装node下
Vue开发环境的搭建
安装编译器(我这里推荐的是VScode,会有一种简洁流畅的体验) vscode下载链接 安装node.js 安装vue前必须要先安装成功node.js 下载完成以后傻瓜式安装就可以了 安装完毕win+R ,输入cmd 在命令行中输入node -v 和 npm -v 可查看安装的node.j