q_NULI-CSDN博客

1、安装：npm install vue-router或cnpm install vue-router或yarn add vue-router2、在新建router.js中引用如下代码import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3、在src中新建view文件夹，在view新建例如：Home文件夹，在文件夹中新建index.vue<template> <div id="hom

2020-08-06 08:40:22 143

原创 ECharts中图表加载动画时间

一、代码截图主要就是这两个属性，弄了好久才出来动画效果直接上代码animationDuration: 3000,animationEasing: "cubicInOut",

2020-08-05 17:51:10 960 3

原创 vue Tab切换的几种方式

第一种比较灵活简单的方式（切换改变部分的内容在组件中比较方便操作）<template> <div id="app"> <ul> <li v-for="(tab,index) in tabs" @click="toggle(index,tab.view)" :class="{active:active==index}"> {{tab.type}} </li> </ul>

2020-08-02 14:35:28 2362 1

原创 vue多页面配置以及实现路由跳转

1.在src文件夹下新建一个view文件夹，用于存放多个页面。2.在view文件夹下新建一个index文件夹，把public目录下的index.html，src目录下的main.js、App.vue统一挪到index文件夹下（记得修改相对应的路径）3.再新建一个文件夹是跳转的页面，例如我的是Dingtalk文件夹。再把上面的index下的三个文件复制过来，复制过来要把里面的内容全部清除，成为新的文件，然后再进行配置4.失去了默认的入口文件和页面，我们需要自己重新配置在项目的根目录下新建vue.

2020-08-02 14:31:55 4265

原创 Vue router路由的使用

1、首先进行安装，通过npm install vue-router，cnpm install vue-router，yarn add vue-router来进行安装2、在src目录下新建router.js文件，并引入代码import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)3、在src新建views文件夹，在views中新建Home文件夹，在Home中新建index.vue<template&gt

2020-07-24 12:44:03 143

原创 Vue传值方式

Vue有三种传值方式：父传子子传父非父子传值父组件向子组件传值父组件：<template> <div id="app"> <input type="text" v-model="name"> <HelloWorld msgs="父传子"></HelloWorld> //或 <HelloWorld :inputName="name"></HelloWorld> </

2020-07-23 21:44:41 126

原创 Vue渲染、循环、事件绑定

1.声明式渲染采用模板语法来将数据渲染进DOM系统<div>{{message}}</div>data(){ return{ message: 'Hello Vue!' }},第二种可以通过绑定元素<span v-bind:title="message"> 提示信息</span>data(){ return{ message: '页面加载于 ' + new Date().toLocal

2020-07-22 16:35:46 433

原创小程序Echarts的引入和使用

首先下载GitHub上的ecomfe/echarts-for-weixin项目。网址为https://github.com/ecomfe/echarts-for-weixin创建一个小程序项目之后，可以将下载的 ecomfe/echarts-for-weixin 项目完全替换新建的项目，然后将修改代码；或者仅拷贝 ec-canvas 目录到新建的项目下，然后做相应的调整。一、在pages下创建一个新的目录home，并在home.json中引入ec-canvas组件，配置如下{ "usingCom

2020-07-18 09:36:29 1224 1

原创小程序获取时间

在util.js中是有时间的代码，如果只用年月日，可以添加方法来进行调用在util.js添加新的方法名称const formatDate = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() return [year, month, day].map(formatNumber).join('/')}在当前的module.

2020-07-09 15:30:46 299

原创小程序获取两地之间的距离

1.添加代码// 计算距离函数 Rad(d) { //根据经纬度判断距离 return d * Math.PI / 180.0; }, getDistance(lat1, lng1, lat2, lng2) { // lat1用户的纬度 // lng1用户的经度 // lat2商家的纬度 // lng2商家的经度 var radLat1 = this.Rad(lat1); var radLat2 = th

2020-07-09 14:57:09 929

原创 vant weapp安装

1.在微信小程序的项目文件出右击打开终端2.npm init -y3.npm i @vant/weapp -S --production4.详情勾选npm模块5.工具=>构建npm

2020-07-04 15:58:23 702

原创 vue安装到VS code

把vue项目导入到VS code中；1、切换终端2、命令：yarn serve退出：ctrl+c如果node_modules删除了，通过yarn install安装。

2020-06-06 10:55:38 199

原创 vue安装步骤

参考vue安装网址https://baijiahao.baidu.com/sid=1611685209047885545&wfr=spider&for=pcvue官网 https://cn.vuejs.org/网盘git工具连接：https://pan.baidu.com/s/1K6Ty9MYvlzM-FUVwO36z0w提取码：链接：https://pan.baidu.com/s/1K6Ty9MYvlzM-FUVwO36z0w提取码：52qu步骤：1、安装git工具；2、安

2020-06-06 10:45:28 409

qq_44699164的博客

原创 IDEA设置安装插件

原创 Vue router