- 博客(17)
- 收藏
- 关注
原创 vuecli3,多页面配置以及实现
1.先在src下创建个文件夹,我的文件夹名字叫view,然后再文件夹中再创建两个文件夹,一个是index,另一个是想跳转出来的多页面,我的多页面文件夹名字叫dingding。2.然后把public目录下的index.html、src目录下的main.js、App.vue挪到index文件夹中。然后改一改里面的路径(就是改路径这一步困住了我两天。有一个地方没改就一直没出来)3.把上面的三个文件也复制进dingding文件夹中,但是要把里面的内容都删掉,让那三个文件变成新文件。4.在项目的根目录下新建v
2020-07-30 16:10:55
1659
2
原创 Vue-cli 中为单独页面设置背景图片铺满全屏的方法
Vue-cli 中为单独页面设置背景图片铺满全屏的方法<template> <div id="logo"> </div></template><script> import meadiaurl from '../../api/mediaurl' export default { name: "logo"</script><style scoped> #logo{
2020-07-30 14:24:24
1733
1
原创 vue路由与子路由嵌套的使用(配合源码观看)
要想加新的点击页面并且绑定路由需要以下步骤1.在router.js里加入新路由,普通路由需要在path中加‘/’如下图。2.在views里创建新的文件夹,文件夹里的vue文件名字为index.vue时可在路由中省略vue文件的文件名 (views里放的是Head里的大路由文件,一会的components里放的是子路由们的文件)3.还要再router.js中引入此文件,如下图4.在views里的文件里写这个组件的内容即可,记得写<router-link class="dongtai" t
2020-07-29 15:05:36
1127
3
原创 vue的路由,以及用路由完成tab切换
1.首先要下载router在终端上输入 cnpm install vue-router 或者yarn add vue-router 或者npm install vue-router2.在src文件里创建router.js文件并引入以下代码import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3.在src中新建view文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue,把下面的代码
2020-07-24 11:41:24
4302
原创 vue的三种传值方式:父传子,子传父,子传子
vue 不同组件间传值方式1 父传子2 子传父3 非父子传值1.父组件向子组件进行传值(父传子)父组件:<div> <input type="text" v-model="name"> <!-- 引入子组件 --> <child :inputName="name"></child></div><script> import child from './child' export defa
2020-07-23 22:09:40
13651
5
原创 Vue声明式渲染、条件与循环、事件绑定、双向绑定、Vue生命周期
Vue声明式渲染、条件与循环、事件绑定、双向绑定1、{{ message }}2、v-if3、v-for4、v-on:click5、v-modelVue生命周期一共8个阶段1.beforeCreate 创建前2.create 创建后3.brforeMount 载入前4.mounted 载入后5.beforeUpdate 更新前 6.updated 更新后7.baforeDestroy 销毁前8.destroyed 销毁后vue第一次页面皆在会触发哪几个钩子
2020-07-22 16:36:51
161
原创 vue的安装、项目创建,新手教程。
安装vue之前要安装以下内容。1、安装git工具,便于在wind电脑上操作命令行,自行在网上下载安装,可以不安装2、安装node,检查node安装是否成功,在git工具中输入node -v3、检查npm是否安装成功,在git工具中输入npm(npm一般随node一起安装在电脑中,node如果成功了,npm基本都会没问题)4、cnpm安装参考网站:https://developer.aliyun.com/mirror/NPM?from=tnpm在git工具中输入:npm install -g cnp
2020-07-21 10:44:06
304
原创 怎么使用GitHub上传本地项目,新手教程。
怎么使用GitHub上传本地项目首先打开GitHub页面,因为我已经完成新手教程并且上传过一个项目,所以界面是这样的,要点击左上角绿色的new按钮创建新的项目仓库。然后进入编辑页面点击了下面的绿色创建按钮后进入仓库界面,这时候就点绿色的code,把生成的链接复制一下,一会上传代码有用。然后就是本地的命令操作了,在这之前一定确保安装好了git。然后找到你要上传代码的项目,鼠标右键会出现Git Gui Here,Git Bash Here,要选择Git Bash Here。然后出现这时候就把刚
2020-07-17 23:32:34
631
原创 在已经写好的静态的echarts图的基础上引用api接口调取并显示数据
在已经写好的静态的echarts图的基础上引用api接口调取并显示数据昨天已经写好了静态的echarts图 今天给了几个接口来调用,需要修改js。在ec所指向的函数中加入新的代码块,并且引入了新的js:axios.jsconst url ='/admin/big_data/height_count';//这是个接口 const body = { access_token:'aaaa' }//这三行我还没搞懂是啥意思然后写函数axios.post(url,body).then((r
2020-07-17 22:52:16
626
2
原创 用echarts在微信小程序同一个界面显示出多个图
用echarts在微信小程序同一个界面显示出多个图经过上一个博客创建完并且成功运行起一个图后,想要在同一个界面显示更多的图怎么设置?直接上代码<view class="container"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> <ec-canvas id="mychart-dom-bar" canvas-id="mychar
2020-07-16 21:48:04
2866
9
原创 微信小程序初次创建echarts并简单使用的详细过程
微信小程序初次创建echarts并简单使用的详细过程首先新建微信小程序然后创建好新的页面将ec-canvs文件放在小程序文件的根目录然后打开微信开发者工具,在home.json中引用组件在home.wxml中加入wxml固定代码<view class="container"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas><
2020-07-16 10:26:01
712
转载 LVS和Nginx实现负载均衡功能的比较
什么是负载均衡负载均衡(Load Balance)是分布式系统架构设计中必须考虑的因素之一,它通常是指,将请求/数据【均匀】分摊到多个操作单元上执行,负载均衡的关键在于【均匀】。 常见的负载均衡方案常见互联网分布式架构如上,分为客户端层、反向代理nginx层、站点层、服务层、数据层。可以看到,每一个下游都有多个上游调用,只需要做到,每一个上游都均匀访问每一个下游,就能实现“将请求/数据...
2019-03-31 14:08:34
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人