于浩--Yuhao-优快云博客

原创 Vue router的Tab切换

在Vue router使用成功的前提下1、引入需要切换的组件2、将路径写到特定的页面中，使用children实现路由的嵌套3、在嵌套的页面中写入Tab标签点击切换4、保存运行项目

2020-07-24 13:07:41 546

1、使用VS Code打开Vue项目，在终端中输入安装命令安装命令：npm install vue-router或cnpm install vue-router或yarn add vue-router2、安装成功后在src中新建router.js文件，然后引入如下代码：import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)3、在src中新建view文件夹，在view新建例如：Home文件夹，在文件夹

2020-07-24 11:52:29 191

原创 Vue组件的三种传值

Vue组件传值图解：1.父传子父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送数据。1、使用props建立数据通道// 这是父组件<div id="app">// 这是子组件 <child message="hello" ></child></div>2、在子组件中通过props传递过来数据Vue,component('child',{ props:[

2020-07-24 08:42:50 155

原创 Vue生命周期

1、一个Vue项目的生命周期一共有8个阶段1、beforeCreate（创建前）2、created（创建后）3、beforeMount（载入前）4、mounted（载入后）5、beforeUpdate（更新前）6、updated（更新后）7、beforeDestroy（销毁前）8、destroyed（销毁后）vue第一次页面加载会触发beforeCreate、created、beforeMount、mounted钩子函数DOM渲染在mounted周期中完成2、Vue生命周期moun

2020-07-22 17:25:52 353

原创 Vue声明式渲染、条件与循环、事件绑定、双向绑定的基础使用方法

1、声明式渲染<template> <div>{{message}}</div></template><script>export default { name: "App", data() { return { message: "Hello Vue!" }; }};</script>输出结果为：Hello Vue!2、条件与循环v-if 切换一个元素是否显示<

2020-07-22 17:01:44 248

原创 Vue安装以及项目创建

一、环境准备1、安装git工具，便于在电脑上操作命令行，根据个人情况可以不安装2、安装node，检查node安装是否成功，在git工具中输入node -v3、检查npm是否安装成功，在git工具中输入npm（npm一般默认和node一起安装在电脑上，node如果安装成功，那么npm一般不会出现问题）4、安装cnpm（安装包下载速度快）cnpm安装参考网站在git工具中输入：npm install -g cnpm --registry=https://registry.npm.taobao.org

2020-07-21 11:55:24 196

原创如何在微信小程序中使用ECharts快速开发图表

今天学习了在微信小程序中使用ECharts可视化工具，但是发现按照ECharts官网中教程来引入还是会运行不出来，后来发现教程是不全面的，所以在这里介绍一下关于ECharts的详细引入方法。一、引入组件这里ECharts官方文档中给了详细的介绍两种引入方法（个人喜欢直接拷贝 ec-canvas 目录到新建的项目下的方法）并附带了GitHub上最新版本组件的下载地址。点击这里进入ECharts官网小程序版教程其中提到的ec-canvas组件目录就在下载的echarts-for-weixin-master

2020-07-18 23:47:10 1180 1