- 博客(8)
- 收藏
- 关注
原创 vue--router组件
Vue router1.Vue router1.安装:npm install vue-router或cnpm install vue-router或yarn add vue-router2.在新建router.js中引用如下代码import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3.在src中新建view文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue<templa
2020-07-24 11:41:48
654
原创 vue--组件传值
1.Vue自定义组件1.在src中components中,新建Header.vue组件(首字母建议大写)2.Header.vue在app.vue中引用组件// 第一步引入组件import Header from './components/Header.vue'// 第二步在export default注册组件 components: { Header }<!-- 第三步使用组件 --><Header></Header>效果
2020-07-23 11:50:33
121
原创 vue基础知识
vue基础知识1.vue声明式渲染、条件与循环、事件绑定、双向绑定1.{{ message }}2.v-if3.v-for4.v-on:click5.v-modelvue生命周期一共八个阶段1.beforeCreate(创建前)2.created(创建后)3.beforeMount(载入前)4.mounted(载入后)5.beforeUpdate(更新前)6.updated(更新后)7.beforeDestroy(销毁前)8.destroy(销毁后)vue第一次页面加载会触
2020-07-22 16:03:01
539
原创 vue--新手指导
vue–新手指导1、安装git工具,便于在wind电脑上操作命令行,自行在网上下载安装,可以不安装2、安装node,检查node安装是否成功,在git工具中输入node -v3、检查npm是否安装成功,在git工具中输入npm(npm一般随node一起安装在电脑中,node如果成功了,npm基本都会没问题)4、cnpm安装参考网站:https://developer.aliyun.com/mirror/NPM?from=tnpm5、yarn安装参考网站:https://www.jianshu.co
2020-07-21 11:06:58
188
原创 小程序--显示用户头像和昵称
总结与官方文档小程序–显示用户头像和昵称wxml<view class="geren"> <view class="touxiang"> <open-data type="userAvatarUrl"></open-data> </view> <view class="nicheng"> <open-data type="userNickName" lang="zh_CN"><
2020-07-14 11:30:30
2442
原创 小程序--阴影边框
小程序–阴影边框wxml<view class="zrf"></view>wxsspage{ height: 100%; background: #ffffff;}.zrf{position:relative;top:20rpx;width: 92%;height: 200rpx;left: 4%;display: inline-block;box-shadow:0rpx 2rpx 5rpx 5rpx #c8c3c3;}效果图...
2020-07-14 11:18:55
2515
1
转载 小程序--判断显示不同图片的两种方式
小程序–判断显示不同图片的两种方式1.src中<image class="audio" catchtap='onMusicTap' src="{{isPlayingMusic? '/images/music/music-stop.png': '/images/music/music-start.png'}}"></image>2.if-else<image catchtap='onCollectiontap' wx:if="{{collected}}" src='/
2020-07-14 10:49:44
1100
原创 轮播图简单实现
小程序–轮播图实现wxml代码下面展示一些 wxml代码。circular 是显示圆点autoplay是自动轮播indicator-color是轮播前小圆点颜色indicator-active-color是轮播后小圆点颜色<swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots="true" circular
2020-07-12 18:10:12
486
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人