- 博客(17)
- 收藏
- 关注
RSS订阅原创 Vue自定义函数和变量挂载到全局
方法一、使用Vue.prototype1、新建一个文件getAll.vue，将需要的方法和变量导出<script>let fn1 = function() { console.log('挂载在全局的函数');};let fn2 = function(data) { console.log(data);};function getLog() { console.log('123');}const arr = [4,5,6]export default {
2022-05-30 22:08:07
1180
原创 本地vue项目连接远程仓库
文章目录一、使用vue create xxx创建vue2.0项目二、如何更改之前默认的配置三、本地vue文件连接远程仓库一、使用vue create xxx创建vue2.0项目1. 首先在文件夹上方输入cmd，然后enter进入或者 在文件夹中右击，选择Git Bash here2.在出来的界面中输入vue create xxx （xxx表示自己起的项目名称）3.接下来就是项目配置的选择环节，使用上下箭头进行选择，Enter键选中，空格键可以取消选中，如果一个都不想选，那就按下空格键
2022-05-21 15:33:08
1643
原创 vue中使用extend
1.新建两个文件js-To.js和toast.vue2.toast.vue组件里的代码<template> <div class="msg" v-show="toastShow" v-html="toastVal"></div></template><script>export default { name:'Toast'}</script><style lang="less" scoped&g
2022-04-29 18:51:23
351
原创 CSS里的线性渐变
文章目录使用百分比规定颜色开始位置（1）background-image: linear-gradient( 方向/角度 , 颜色1，颜色2，颜色3 ,....);（2）background-image: linear-gradient( 方向/角度 , 颜色1 xx%，颜色2 yy%，颜色3 zz%);其中方向有to top 等价 0 deg ---- 颜色自下而上to bottom 等价 180 deg ---- 颜色自上而下to right 等价 90 deg
2022-04-28 18:22:10
111
原创 postman在post传参时把参数写在body
使用post传参写在params里可能会出错，所以要放在body里传递参数，记得在body里传递参数，同时要选择 raw和 JSON
2022-04-28 17:31:23
5429
1
原创 vue接口的配置
1.在src下创建api文件夹2.在api里创建config.js 和 index.js文件3.在config.js里引入axios，写入以下内容4.在index.js里导入config.js里的http，把他取别名axios5.在需要的地方引入index文件，然后调用接口(我这里是把index文件取名为api)6.参考文章...
2022-04-26 10:57:08
9235
2
原创 vue路由使用步骤
1.导入路由2.使用路由3.创建路由规则数组（即定义路由配置）4.实例化路由5.导出路由对象6.在main.js文件里加入路由对象参考链接
2022-04-26 09:51:52
2755
原创 vue中使用柱状图
主要是为了记录以下内容1.更改柱子宽度：barWidth属性2.设置柱子颜色为渐变色：itemStyle属性3.x轴的样式：axisLine属性4.刻度上字体的样式及间距等：axisLabel里的lineStyle属性5.去掉与x轴平行的分割线：splitLine的show属性6.去掉y轴刻度线效果图如下代码如下：<template> <div class="psgBarChart" ref="psgBarChart"></div></te
2022-04-24 19:14:53
6470
原创 vue中的slot插槽
一、简单使用1.需要重复使用的部分封装成组件slotCom.vue2.在需要使用组件的文件中，引入并注册组件3.组件中的button和del会展示在所在的位置；第三个里面没有写内容，所以只展示name和age...
2022-04-12 09:41:10
156
原创 vue中如何使用echarts——以折线图为例
1.先准备一个容器2.在mounted钩子函数中书写以下代码let psgTimeOption = { title: { left: 'center', text: '旅客时间分布', textStyle: { color: '#fff', fontSize: 35, fontWeight: 'normal' } }, // 设置折线图的位置
2022-04-07 19:00:08
11846
原创 vue中引入并使用高德地图
一、使用npm引入高德地图1.进入高德开放平台2.点击： 开发支持---------地图JS AP---------JSAPI的加载3.选择 按NPM方式使用loader4.定义一个有宽高的div二、小试牛刀----修改鼠标样式1.点击示例中心---------地图的创建---------地图属性-------设置鼠标样式右侧有示例代码下图是自己写的代码，需要注意几点（1）官方代码绑定的click事件传递的this 指当前点击元素，但是vue是没有的，在这里可以不传参，也
2022-04-06 11:35:08
20086
2
原创 vue中使用echarts饼图——修改点击时出现的文本样式
先展示效果图主要代码在emphasis的label标签里圆环中间出现的文本内容写在 label 的 formatter ；定义的样式写在 label 的 rich，其中aa,bb,cc都是自己随便起的样式名，|右侧是对应的文本，\n是换行；{d}是每个部分对应的百分比，{b}是数据名，也就是 data 里name的值，bb是给后面%设置样式的；下图来自echarts官网的配置项手册代码如下<template> <div ref="pieCon" style="
2022-04-01 19:26:58
2850
1
原创 vue如何注册组件
局部注册组件1.创建一个文件myTable.vue,存放需要复用的表格组件(如下图);2.在需要使用表格组件的vue文件里引入import myTable from ‘…/…/components/common/myTable’；注册components: {myTable}使用或者3.效果展示......
2022-03-31 13:47:40
1369
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人