- 博客(8)
- 收藏
- 关注
原创 Vue router的Tab切换
在Vue router使用成功的前提下 1、引入需要切换的组件 2、将路径写到特定的页面中,使用children实现路由的嵌套 3、在嵌套的页面中写入Tab标签点击切换 4、保存运行项目
2020-07-24 13:07:41
546
原创 Vue router的基础使用方法
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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人