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