随笔分类 -  VUE

vue路由传参query和params的区别
摘要：参考1:https://segmentfault.com/q/1010000018794233/a-1020000018794913 参考2：http://www.bubuko.com/infodetail-3110806.html query使用path和name传参都可以，而params只能使用 阅读全文
posted @ 2021-02-02 16:25 天气之子A 阅读(89) 评论(0) 推荐(0)
VUE 回车键提交表单
摘要：参考：https://blog.csdn.net/fifteen718/article/details/80359844 参考：https://www.cnblogs.com/EasonJim/p/7514113.html 参考：https://blog.csdn.net/sunhuaqiang1/ 阅读全文
posted @ 2021-01-09 15:26 天气之子A 阅读(148) 评论(0) 推荐(0)
VUE Element
摘要：参考：https://element.eleme.cn/#/zh-CN/component/installation npm i element-ui -S 在main.js中 import Vue from 'vue' import ElementUI from 'element-ui'; Vue 阅读全文
posted @ 2021-01-06 13:10 天气之子A 阅读(345) 评论(0) 推荐(0)
VUE 项目自适应屏幕和浏览器
摘要：参考：https://www.jianshu.com/p/a7c4ff4ed14c?utm_campaign=haruki 参考：https://www.cnblogs.com/shannen/p/12545382.html 参考三 阅读全文
posted @ 2021-01-06 11:33 天气之子A 阅读(660) 评论(0) 推荐(0)
VUE 导航守卫
摘要：参考：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html router.beforeEach((to, from, next) => { if (to.name !== 'Login' && !isAuthenticat 阅读全文
posted @ 2020-12-27 17:42 天气之子A 阅读(86) 评论(0) 推荐(0)
VUE vue-cli安装与使用
摘要：参考：https://www.cnblogs.com/ming1025/p/9887247.html 阅读全文
posted @ 2020-12-27 16:52 天气之子A 阅读(59) 评论(0) 推荐(0)
vue 项目用webpack打包后运行后找不到.ttf及.woff文件
摘要：参考：https://www.cnblogs.com/me168/archive/2004/01/13/10424955.html webpack.base.config 文件中 修改前： { test: /\.css$/, use: ExtractTextPlugin.extract({ use: 阅读全文
posted @ 2020-12-27 16:50 天气之子A 阅读(683) 评论(0) 推荐(0)
Vue Highcharts 动态添加点
摘要：参考：https://api.highcharts.com.cn/highcharts#Series https://www.tnblog.net/aojiancc2/article/details/4756 阅读全文
posted @ 2020-12-23 17:25 天气之子A 阅读(142) 评论(0) 推荐(0)
VUE axios使用
摘要：参考https://www.cnblogs.com/hongdoudou/p/12677440.html https://segmentfault.com/a/1190000021998652 npm install axios 在main.js中写入如下语句 import axios from ' 阅读全文
posted @ 2020-12-22 10:59 天气之子A 阅读(71) 评论(0) 推荐(0)
VUE 创建新项目
摘要：1、vue init webpack realtime 阅读全文
posted @ 2020-12-22 10:40 天气之子A 阅读(72) 评论(0) 推荐(0)
Vue Highcharts数据列的使用
摘要：一、什么是数据列（series，写在最外面） 数据列是一组数据集合，例如一条线，一组柱形等。图表中所有点的数据都来自数据列对象，数据列的基本构造是： series : [{ name : '', data : [] }] 提示：数据列配置是个数组，也就是数据配置可以包含多个数据列。 数据列中的 na 阅读全文
posted @ 2020-12-13 16:20 天气之子A 阅读(158) 评论(0) 推荐(0)
Vue Highcharts坐标轴的使用
摘要：笛卡尔图表（普通的二维数据图）都有X轴和Y轴，默认情况下，x轴显示在图表的底部，y轴显示在左侧（多个y轴时可以是显示在左右两侧），通过设置chart.inverted = true 可以让x，y轴显示位置对调。下图为图表中坐标轴组成部分 一、坐标轴组成部分 1、坐标轴标题 坐标轴标题。默认情况下，x 阅读全文
posted @ 2020-12-13 15:12 天气之子A 阅读(1376) 评论(0) 推荐(0)
Vue Highchart中chart属性
摘要：官网图表配置 本节主要讲解图表配置，对应的 API 位置为 chart，主要内容包括图表全局样式、绘图区、图表事件、等相关内容。 对于 C语言风格的开发者来说，下面的方式更符合编写习惯 var oiptions = new Object(); options.chart = new Object() 阅读全文
posted @ 2020-12-07 17:31 天气之子A 阅读(211) 评论(0) 推荐(0)
Vue Highcharts的使用
摘要：参考Highchart官网 开发环境 已经全局安装 Node.js, NPM Vue, Highcharts 库已经安装在项目中 通过 npm 安装 Highcharts 一、在Vue中使用Highcharts，应该先下载Highcharts npm install highcharts --sav 阅读全文
posted @ 2020-12-07 10:41 天气之子A 阅读(1246) 评论(0) 推荐(0)
VUE 计算属性和方法
摘要：我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之 阅读全文
posted @ 2020-12-05 16:09 天气之子A 阅读(148) 评论(0) 推荐(0)
VUE 父子传值
摘要：props=['msg']的中括号中父组件传来msg的应该是字符串,并且msg使用的时候就像data里面的数据一样，类似this.msg和{{msg}}。 ddd:[{name:'alex',age:18},{name:'b',age:19},{name:'c',age:20}] v-for="i 阅读全文
posted @ 2020-12-05 14:52 天气之子A 阅读(86) 评论(0) 推荐(0)