于浩--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-router 2、安装成功后在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 -v 3、检查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