vue基础3(组件，插槽)
摘要：1：组件的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <button-counter></butto
阅读全文
posted @ 2021-07-20 12:01
随笔分类 - vue
vue 学习笔记
vue 基础2(表单，自定义指令，计算属性，侦听器，过滤器的用法)
摘要：1：表单的基本操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> form div { height: 40px; line
阅读全文
posted @ 2021-07-20 11:26
vue 基础之基本指令
摘要：1：指令v-cloak 的用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> [v-cloak]{ display: non
阅读全文
posted @ 2021-07-20 10:47
5-用导航守卫控制页面的访问权限
摘要：官方文档：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%89%8D%E7%BD%AE%E5%AE%88%E5%8D%AB 具体做法就是在 src/router/index
阅读全文
posted @ 2021-07-15 11:57
4-vue之请求拦截器
摘要：axios 拦截器官方示例：https://github.com/axios/axios#interceptors 使用请求拦截器统一设置token // 请求拦截器 request.interceptors.request.use( // 任何所有请求会经过这里 // config 是当前请求相关
阅读全文
posted @ 2021-07-15 11:53
3-element-from 表单验证
摘要：1：模板中配置 <el-form ref="log-form" :model="form" label-width="80px" class='form' :rules="formRules"> <el-form-item label="用户名:" prop='name' class="label-
阅读全文
posted @ 2021-07-12 16:50
2-vue注册element 并且封装请求模块
摘要：1： vue 注册element组件库 Element 介绍 Element 是饿了么前端团队开发的一个基于 Vue.js 的桌面端组件库，它提供的组件非常丰富，不仅功能强大，而且简单易用。 Element 非常的流行，大多数基于 Vue.js 开发的管理系统都会使用到它。 官网：https://e
阅读全文
posted @ 2021-07-12 16:38
1：使用vue-cli 创建项目
摘要：如果你还没有安装 VueCLI，或者版本低于 4，请执行下面的命令安装或是升级 npm install --global @vue/cli 查看vue 版本 在命令行中输入命令创建项目 vue create test Vue CLI v4.5.13 ? Please pick a preset: (
阅读全文
posted @ 2021-07-01 17:16
