VUE-模板

  • Post author:
  • Post category:vue

Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地 将 DOM 绑定至底层 Vue 实例的数据 。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数 。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。 如果你熟悉虚拟 DOM…

继续阅读 VUE-模板

vue学习笔记——Vue3+element ui 如何在table组件内实现下拉列表的功能

  • Post author:
  • Post category:vue

在使用element ui plus时,想要在table组件内加入一个下拉列表的功能,发现在文档内没有展现,通过查阅其他文档发现可以使用如下的方法进行实现。 下方是组件的完成代码,复制在项目内可直接看到效果。 代码如下: <template> <el-table :data="tableData" style="width: 100%"> <el-table-colu…

继续阅读 vue学习笔记——Vue3+element ui 如何在table组件内实现下拉列表的功能

Vue框架简介

  • Post author:
  • Post category:vue

一、Vue是什么 Vue是一套用于构建用户界面的 渐进式 JavaScript框架。 渐进式:Vue可以自底向上逐层应用。 简单应用:只需一个轻量小巧的核心库 复杂应用:可以引用各式各样的Vue插件 二、Vue的特点 采用组件化模式,提高代码复用率、且让代码更好维护。 采用声明式编码,让编码人员无需直接操作DOM,提高开发效率。 使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点 1.组件化 …

继续阅读 Vue框架简介

springboot+vue餐厅点餐系统(源码+文档)

  • Post author:
  • Post category:vue

风定落花生,歌声逐流水,大家好我是风歌,混迹在java圈的辛苦码农。今天要和大家聊的是一款基于springboot的 餐厅点餐系统 。项目源码请联系风歌,文末附上联系信息 。 目前有各类成品java毕设,需要请看文末联系方式 。javaweb,ssh,ssm,springboot等等项目框架,源码丰富,欢迎咨询。 目录 餐厅点餐系统源码下载地址: 开发环境: 后端: 前端: 数据库: 系统架构: …

继续阅读 springboot+vue餐厅点餐系统(源码+文档)

【vue安装less和less-loader】npm ERR! Could not resolve dependency: npm ERR! dev less-loader@“4.1.0“ from

  • Post author:
  • Post category:vue

在很久之前我尝试过用用下面的方法安装less和less-loader npm install less@3.9.0 less-loader@4.1.0 --save-dev 只能说成功过一次,当两个月后我再次安装less和less-loader时,这个方法就没用了,尝试了很多方法,都会报错,直到下面的方法出现 npm install less less-loader --save-dev --fo…

继续阅读 【vue安装less和less-loader】npm ERR! Could not resolve dependency: npm ERR! dev less-loader@“4.1.0“ from

vue实现企业微信扫码登录后台管理系统

  • Post author:
  • Post category:vue

大致流程 在登录页面构建内嵌式登录二维码(这种方式好处:无需跳转到企业微信域下登录后再返回,提升企业微信登录的流畅性与成功率) 扫二维码之后,微信那边会跳转到redirect_uri你重定向的地址,后面会拼接code参数,一般重定向地址都是本页面(这里指的是是登录页面) 在本页面获取url后面拼接的code,用code去请求后台接口 后台接口服务那边用access_token和code去获取用户的…

继续阅读 vue实现企业微信扫码登录后台管理系统

vue 路由权限,菜单权限

  • Post author:
  • Post category:vue

router/index 的值路由通过后台发送的数据进行添加 import Vue from 'vue'; import VueRouter from 'vue-router'; import login from '../views/login'; Vue.use(VueRouter); const routes = [ { path: '/login', name: 'login', comp…

继续阅读 vue 路由权限,菜单权限

vue-cli和vue之间的复杂关系

  • Post author:
  • Post category:vue

(1)vue-cli3之前,也就是vue-cli2只能利用 vue init webpack app 命令初始化vue2.x的项目, (2)vue-cli3~vue-cli4.5之间时,可以利用 vue create app 初始化vue2.x的项目,不能初始化vue3.x,因为vue-cli脚手架版本4.5以上对应的才是vue3 (3)vue-cli4.5以上时,可以利用 vue create …

继续阅读 vue-cli和vue之间的复杂关系

$emit,$on,$off–vue

  • Post author:
  • Post category:vue

父组件可以使用 props 把数据及父组件的的方法传给子组件。 例:@click='close' 子组件可以使用 $emit 触发父组件的自定义事件。 例:close(){ this.$emit('closeModal')} vm.$emit( event, arg ) //触发当前实例上的事件,arg是传递给父组件的参数 vm.$on( event, fn ) //监听event事件后运行 fn…

继续阅读 $emit,$on,$off–vue