- 博客(9)
- 收藏
- 关注
原创 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关注的人