- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue-router小示例
這是目錄結構：ps：這是上一個Home文件夾裏的index文件，懶得寫別的就直接拿來用了。<template> <div id="home"> <Content /> <router-link to="/home/text1"> <span>text1</span> </router-link> <router-link to="/home/t
2020-07-24 12:49:20
197
原创 vue-router
先讓大家看一下目錄結構。1、安装：cnpm install vue-router或yarn add vue-router2、在新建router.js中引用如下代码import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)3、在src中新建views文件夹，在view新建例如：Home文件夹，在文件夹中新建index.vue，在index.vue放以下代碼pa：要事先建好 Content<te
2020-07-24 12:32:57
85
原创 vue传值示例
Vue常用的三种传值方式有：1.父传子2.子传父3.非父子传值 **1.父传子:**父级：` `子級：` {{mag}} `2.子传父子級： 父級：<template> <div id="app"> <HelloWorld v-on:childByValue="childByValue"></HelloWorld> <
2020-07-24 11:57:48
153
原创 vue组件的创建
要想在vue创建一个组件首先要创建一个页面，下面就以Header为例。第一步在app.vue中引入组件。第二步在export default注册组件（app.vue中）第三步使用组件
2020-07-24 08:47:33
127
原创 Vue声明式渲染、条件与循环、事件绑定、双向绑定
声明式渲染ps：data后面没有":" ，而是"（）"要有return 不然会报错条件与循环事件绑定ps：v-on:click可以省略 v-on: 写成 @click双向绑定v-model 指令，它能轻松实现表单输入和应用状态之间的双向绑定。...
2020-07-22 17:23:57
94
原创 vue 生命周期
**vue 生命周期一共有八个阶段1.beforeCreate （创建前）2.created （创建后）3.beforeMount （载入前）4.mounted （载入后）5.beforeUpdate （更新前）6.updated （更新后）7.beforeDestroy （销毁前）8.destroyed （销毁后）**下面有两个问题，给大家看下。vue第一次页面加载会触发哪几个钩子函数呢？beforeCreate（创建前） created（创建后） before
2020-07-22 16:14:09
138
原创 vue 安装以及项目创建
**1.vue的安装以及搭建**1、安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，可以不安装2、安装node,检查node安装是否成功，在git工具中输入node -v3、检查npm是否安装成功，在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题)4、cnpm安装参考网站：添加链接描述from=tnpm在git工具中输入：npm install -g cnpm --registry=https://registry.np
2020-07-21 15:23:36
856
4
原创 小程序中如何用echarts
小程序中如何用echarts官方文档不全，在这里给小伙伴补充下。首先，下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。里面会有一个完整的小程序项目，我们可以把下载项目里的 ec-canvas 复制到自己小程序项目中。打开自己项目，新建一个页面在自己页面，在新建页面的 json 里写以下内容。 （ ps以我自己新建的home页面为例。）{“usingComponents”: {“ec-canvas”: “…/…/ec-canvas/ec-canvas”}
2020-07-16 10:37:26
369
2
原创 vant 中 dialog组件确认按钮偏移问题
vant 中 dialog组件确认按钮偏移问题大家用这个组件时有可能会出现这个问题，下面我们就来解决。有两种方法。方法（1）可以去掉app.json里的style:“v2”方法（2）：可以再app.wxss里加button{width: 100%!important;}与此同时其他的button按钮的width需要根据自己的需求改成相应的大小这样就解决了。...
2020-07-16 10:06:05
1514
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人