随笔分类 -  VUE

1
vue20
摘要：66 阅读全文
posted @ 2022-11-16 11:48 生之韵 阅读(16) 评论(0) 推荐(0)
vue19
摘要：发 阅读全文
posted @ 2022-11-16 11:47 生之韵 阅读(14) 评论(0) 推荐(0)
vue6
摘要：放到 阅读全文
posted @ 2022-11-16 11:46 生之韵 阅读(24) 评论(0) 推荐(0)
vue
摘要：1 阅读全文
posted @ 2022-11-12 18:00 生之韵 阅读(46) 评论(0) 推荐(0)
vue_token
摘要：token <template> <button type="button" @click="getToken">获取token_myapp</button> <button type="button" @click="getToken_heima">获取token_黑马</button> </te 阅读全文
posted @ 2022-11-12 17:11 生之韵 阅读(73) 评论(0) 推荐(0)
vue_axios获取数据
摘要：<template> <div> <!-- 获取固定数据 --> <h3>获取固定数据</h3> <div> 直接定义：const list = [{ name: "湖北公司" }, { name: "宜昌公司" }]; <br /> <ul> <li v-for="item in list"> { 阅读全文
posted @ 2022-11-12 16:53 生之韵 阅读(175) 评论(0) 推荐(0)
vue_ref与reactive响应式数据
摘要：ref与reactive响应式数据 <template> <h2>ref与reactive响应式数据</h2> <div class="card"> <span>ref使用：接受一个内部值并返回一个响应式且可变的 ref 对象，有一个 .value 属性，可以通过其读取/修改对象的值。</span> 阅读全文
posted @ 2022-11-12 15:43 生之韵 阅读(30) 评论(0) 推荐(0)
vue
摘要：个 阅读全文
posted @ 2022-11-12 15:42 生之韵 阅读(14) 评论(0) 推荐(0)
vue
摘要：1 阅读全文
posted @ 2022-11-10 18:25 生之韵 阅读(15) 评论(0) 推荐(0)
vue父子菜单联动
摘要：父子菜单联动 <script setup> // 省市二级菜单 var result = [ { AreaID: 2, AreaLevel: 2, AreaName: "北京市", ParentId: 1 }, { AreaID: 3, AreaLevel: 2, AreaName: "广东省", 阅读全文
posted @ 2022-11-09 11:23 生之韵 阅读(96) 评论(0) 推荐(0)
10、vue_待续
摘要：五、连接前后台 1、使用VisualStudio创建ASP. NET Core Web API，配置好跨域，后台数据采用系统自动生成的WeatherForecast， 注意修改utils/request.js文件中的baseURL 后台配置略 2、在src下新建api文件夹 3、src/api下创建 阅读全文
posted @ 2022-10-22 20:42 生之韵 阅读(44) 评论(0) 推荐(0)
9、vue_echarts
摘要：安装及导入 npm install echarts --save import * as echarts from "echarts"; 定义echarts容器 <template> <div ref="chartDom" :style="{ width: '100%', height: '70%' 阅读全文
posted @ 2022-10-16 17:39 生之韵 阅读(57) 评论(0) 推荐(0)
8、vue_map使用
摘要：map的使用 // 测试数据集list const list = [ { id: 1, name: "张三", sex: "男", age: 20 }, { id: 2, name: "李四", sex: "女", age: 30 }, { id: 3, name: "王五", sex: "男", 阅读全文
posted @ 2022-10-16 16:18 生之韵 阅读(3176) 评论(0) 推荐(0)
7、vue_根据用户权限获取菜单
摘要：1、获取后台数据 // 获取菜单 export const $getMenus = async (params) => { let { data } = await $get("sys_Login/getMenus", params); return data; }; 2、替换layoutAside 阅读全文
posted @ 2022-10-16 16:16 生之韵 阅读(367) 评论(0) 推荐(0)
6、vue_登录页
摘要：1、配置src/views/login.vue <template> <div class="container"> <div class="content"> <h2>用户登录</h2> <el-form ref="loginFormRef" :model="loginForm" status-i 阅读全文
posted @ 2022-09-21 10:26 生之韵 阅读(239) 评论(0) 推荐(0)
5、vue_Element Plus布局搭建页面基本结构
摘要：1、配置vuex import { createStore } from "vuex"; export default createStore({ state: { // 读取sessionStorage中的token，不存在默认空值 token: sessionStorage.getItem("t 阅读全文
posted @ 2022-05-13 17:32 生之韵 阅读(512) 评论(0) 推荐(0)
4、vite创建vue项目
摘要：1、创建项目 npm init vite@latest 或 npm init vite 依次输入项目名称、选择vue、选择使用js或者ts 2、引入依赖 cd 项目名称 npm install 3、启动项目 npm run dev 4、引入vue-router、vuex、element-plus、a 阅读全文
posted @ 2022-05-08 13:39 生之韵 阅读(941) 评论(0) 推荐(0)
3、vue_配置开发环境安装开发工具
摘要：一、安装Node.js1、下载地址：https://nodejs.org/zh-cn/ ，win10可直接下载最新稳定版，如v16.17.1；注意：server 2008R2服务器上只能安装v13及以下Node.js版本，可以网站以往的版本中下载相应版本的msi文件进行安装。2、node.js集成n 阅读全文
posted @ 2022-04-13 13:37 生之韵 阅读(91) 评论(0) 推荐(0)
2、vue基本语法
摘要：1、 阅读全文
posted @ 2022-04-12 11:16 生之韵 阅读(68) 评论(0) 推荐(1)
1、vue初识
摘要：- [学习笔记](#学习笔记) - [第一篇 从 VS Code 开始](#第一篇-从-vs-code-开始) - [下载及配置修改](#下载及配置修改) - [Git 配置](#git-配置) - [第二篇 Markdowm](#第二篇-markdowm) - [简介](#简介) - [编辑器]( 阅读全文
posted @ 2022-04-07 19:10 生之韵 阅读(282) 评论(0) 推荐(0)

1