![](https://img-blog.csdnimg.cn/20200818104019328.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
文章平均质量分 76
vue基础笔记
Lincoln Mark
这个作者很懒,什么都没留下…
展开
-
Vue前端面试题
2022年初级前端面试题原创 2022-05-05 23:41:28 · 1411 阅读 · 1 评论 -
Vue中 props-mixin-插件-插槽
作用域插槽原创 2020-09-12 09:46:32 · 278 阅读 · 0 评论 -
基于Vant组件的Vue移动端黑马头条项目Day02 登录注册
二、登录注册目标能实现登录页面的布局能实现基本登录功能能掌握 Vant 中 Toast 提示组件的使用能理解 API 请求模块的封装能理解发送验证码的实现思路能理解 Vant Form 实现表单验证的使用准备创建组件并配置路由1、创建 src/views/login/index.vue 并写入以下内容<template> <div class="login-container">登录页面</div></template>原创 2020-09-11 09:12:30 · 4024 阅读 · 1 评论 -
基于Vant组件的Vue移动端黑马头条项目Day01 处理rem适配 字体图标 封装axios
一、项目初始化目标能使用 Vue CLI 创建项目了解 Vant 组件库的导入方式掌握制作使用字体图标的方式掌握如何在 Vue 项目中处理 REM 适配理解 axios 请求模块的封装导入图标素材05-项目初始化-导入图标素材:07:41可以暂停,实现图标制作并获取代码设计师为我们单独提供了设计稿中的图标,为了方便使用,我们在这里把它制作为字体图标。制作字体图标的工具有很多,在这里我们推荐大家使用:https://www.iconfont.cn/。一、注册账户第三方登录即可原创 2020-09-11 09:05:46 · 704 阅读 · 2 评论 -
Day 14 VueX 组件全局状态管理
今日目标1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例1.Vuex概述Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处:A.能够在vuex中集中管理共享的数据,便于开发和后期进行维护B.能够高效的实现组件之间的数据共享,提高开发效率C.存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新2.Vuex的基本使用创建带有vuex的vue项目,打开终端,输入命令:vue ui当项目仪表原创 2020-09-05 15:10:43 · 324 阅读 · 0 评论 -
附加 VUE项目权限管理详解
Vue权限控制在Web系统中, 权限很久以来一直都只是后端程序所控制的.为什么呢?因为Web系统的本质围绕的是数据, 而和数据库最紧密接触的是后端程序.所以在很长的一段时间内, 权限一直都只是后端程序需要考虑的话题.但是随着前后端分离架构的流行, 越来越多的项目也在前端进行权限控制.1.权限相关概念1.1.权限的分类后端权限从根本上讲前端仅仅只是视图层的展示, 权限的核心是在于服务器中的数据变化, 所以后端才是权限的关键, 后端权限可以控制某个用户是否能够查询数据, 是否能够修改数据等操原创 2020-09-05 15:04:50 · 1669 阅读 · 0 评论 -
Day13 VUE 项目 优化 上线
今日目标1.完成项目优化2.完成项目上线1.项目优化实现步骤:A.生成打包报告,根据报告优化项目,移除生产环境的console,使用chainWebPack设置生产和开发的打包入口B.通过externals加载第三方库CDN资源引用C.Element-UI组件按需加载D.路由懒加载,当路由被访问时候才加载对应的组件E.首页内容定制,使用chainWebPack设置生产和开发的打包入口2.添加进度条给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress打开main.j原创 2020-09-05 14:59:12 · 163 阅读 · 0 评论 -
Dat12 ElementUI VUE后台管理项目 商品添加 订单列表 数据统计
今日目标1.完成商品添加2.完成订单列表3.完成数据统计展示1.添加商品A.完成图片上传使用upload组件完成图片上传在element.js中引入upload组件,并注册因为upload组件进行图片上传的时候并不是使用axios发送请求所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性//在页面中添加upload组件,并设置对应的事件和属性<el-tab-pane label="商品图片" name="3"> <!--原创 2020-09-02 10:30:57 · 2414 阅读 · 0 评论 -
Day 11 ElementUI VUE后台管理系统 参数管理 商品列表 商品添加
今日目标1.完成参数管理2.推送代码到码云3.制作商品列表页面4.制作商品添加页面1.参数管理A.展示动态参数可选项动态参数可选项展示及操作在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] //添加一个bool值控制文本框的显示或者隐藏 item.in原创 2020-08-31 17:18:36 · 859 阅读 · 1 评论 -
Day10 ElementUI VUE后台管理项目 商品分类 动态参数管理
今日目标1.完成商品分类2.完成参数管理1.商品分类A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit push -u origin goods_cateB.创建子级路由创建categories子级路由组件并设置路由规则import Cate from './components/goods/Cate.vue'path: '/home', component: Home, redirect: '/welc原创 2020-08-31 16:34:13 · 746 阅读 · 0 评论 -
Day09 ElementUI VUE后台管理项目 用户修改删除 角色权限分配
今日目标1.修改用户,删除用户2.推送代码到码云3.权限列表4.角色列表5.分配角色1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框,并修改对话框的属性C.根据id查询需要修改的用户数据//展示编辑用户的对话框async showEditDialog(id) { //发送请求根据id获取用户信息 const { data: res } = await this.$http.get('users/' + id) //判断如果添加原创 2020-08-30 11:14:25 · 1554 阅读 · 0 评论 -
Day 08 ElementUI Vue后台管理项目 后台页面布局 左侧菜单栏 用户列表 添加用户
今日目标实现后台首页的基本布局实现左侧菜单栏实现用户列表展示实现添加用户1.后台首页基本布局打开Home.vue组件,进行布局:<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-header> <原创 2020-08-28 15:33:14 · 2763 阅读 · 0 评论 -
VUE Day07 ElementUI电商后台管理系统 Vuecli初始化项目 登录页面
今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式scoped 为什么能只对当前组件生效 自定义属性 data 每个组件的唯一标识1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项原创 2020-08-27 18:57:11 · 543 阅读 · 0 评论 -
Day05 Vue路由
今日目标1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由,动态路由5.能够实现命名路由以及编程式导航6.理解并实现后台管理案例1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依原创 2020-08-22 20:20:38 · 100 阅读 · 0 评论 -
自己手敲的VUE组件化购物车案例 纪念一下
<div id="app"> <div class="container"> <my-cart></my-cart> </div> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript">原创 2020-08-20 15:40:20 · 197 阅读 · 0 评论 -
Vue Day04 前后端交互
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容原创 2020-08-19 11:44:11 · 151 阅读 · 0 评论 -
Vue Day03 组件化开发
day03组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component>&l原创 2020-08-18 13:16:00 · 134 阅读 · 0 评论 -
Vue基础 Day02 常用特性
day02Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时监控他的值就可以了 --> <input type="radio"原创 2020-08-18 11:34:30 · 102 阅读 · 0 评论 -
Vue基础 Day01 模板语法
Vue day01Vue 是什么?渐进式JavaScript框架 2014年诞生Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建组件化应用-可将上述每个声明式的方式的文件当成一个组件,一个项目中可有多个组件相互构成客户端路由-通过使用其路由的特性实现单页面应用集中式项目管原创 2020-08-18 11:09:35 · 150 阅读 · 0 评论