INTO1树懒-CSDN博客

原创 Vue router的安装及基础用法

一、 Vue router安装1.打开Vue项目，在终端中输入安装命令命令如下：npm install vue-routercnpm install vue-routeryarn add vue-router（这里推荐使用第三种方法，速度快报错几率小）2.安装成功后在src中新建router.js文件，引入代码：3.在components中新建Conten.vue（不强制要求）4.在src页面下中新建view文件夹，在view新建文件夹，例如Home，在文件夹中新建index.vue，导

2020-07-24 12:39:58 1569

原创 Vue组件传值（父传子、子传父、子传子）

Vue常用的三种传值方式有：父传子子传父非父子传值父组件向子组件进行传值父组件：子组件：效果图如下：子组件向父组件传值子组件：父组件：效果图如下：3. 非父子组件进行传值非父子组件之间传值，需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。公共bus.js组件A：组件B：...

2020-07-23 15:31:30 363

原创 Vue自定义组件

1.在src下的components中，新建List.vue组件2.在新建的List.vue中，输入vue，选择第一个提示，进行基本框架的快速搭建3、在app.vue中引用组件第一步：引入组件第二步：在export default中注册组件第三步：使用组件效果图如下：...

2020-07-23 14:57:31 170

原创 Vue的声明式渲染、条件与循环、事件绑定、双向绑定、生命周期

一、声明式渲染在App.vue中进行数据渲染效果图如下：二、条件与循环1.条件效果图如下：2.循环效果图如下：三、事件绑定v-on:click可以写成@click事件函数写在methods下效果图如下：四、双向绑定效果图如下：五、生命周期（一共分为8个阶段）1.beforeCreate(创建前)2.created(创建后)3.beforeMount(载入前)4.mounted(载入后)5.beforeUpdate(更新前)6.upd

2020-07-22 17:17:39 180

原创 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 13:18:25 123

原创小程序中如何使用echarts图表

1.在https://github.com/ecomfe/echarts-for-weixin下载插件2.将下载的包解压后，把里面的ec-canvas文件夹放进自己的小程序里（与pages同级）3.在对应的json中引用ec-canvas“usingComponents”: {“ec-canvas”:"…/…/ec-canvas/ec-canvas"}4.在对应的js中引用echarts，例如我引用到了自己新建的home.js中5.//引用echartsimport * as ec

2020-07-18 16:54:31 395

原创微信小程序vant栅格布局

//1.wxml页面（下面折叠代码与美食、民宿相同）//wxss页面.icons{width: 94%;height: 340rpx;background: #fff;text-align: center;margin: 30rpx auto;}.icons_col{height: 170rpx;}.icons_col image{width: 100rpx;height: 100rpx;margin-top: 10rpx;}.icons_col view{font-

2020-07-11 18:40:45 1376

原创微信小程序调取api

<swiper class="banner" indicator-dots="true" autoplay="true" interval="3000" duration="1000"> <view> <block wx:for="{{banner}}" wx:key="{{item.id}}"> <swiper-item> <image bindtap="on_product_click" data-product_id=

2020-07-11 18:29:27 538

原创微信小程序获取当前系统时间

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Ma.

2020-07-11 17:29:06 1902

R1SE_yao的博客