- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue--router组件
Vue router 1.Vue router 1.安装：npm install vue-router或cnpm install vue-router或yarn add vue-router 2.在新建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
725
原创 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
218
原创 vue基础知识
vue基础知识 1.vue声明式渲染、条件与循环、事件绑定、双向绑定 1.{{ message }} 2.v-if 3.v-for 4.v-on:click 5.v-model vue生命周期 一共八个阶段 1.beforeCreate（创建前） 2.created（创建后） 3.beforeMount（载入前） 4.mounted（载入后） 5.beforeUpdate（更新前） 6.updated（更新后） 7.beforeDestroy（销毁前） 8.destroy（销毁后） vue第一次页面加载会触
2020-07-22 16:03:01
618
原创 vue--新手指导
vue–新手指导 1、安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，可以不安装 2、安装node,检查node安装是否成功，在git工具中输入node -v 3、检查npm是否安装成功，在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题) 4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm 5、yarn安装参考网站：https://www.jianshu.co
2020-07-21 11:06:58
244
原创 小程序--显示用户头像和昵称
总结与官方文档 小程序–显示用户头像和昵称 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
2602
原创 小程序--阴影边框
小程序–阴影边框 wxml <view class="zrf"></view> wxss page{ 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
2789
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
1272
原创 轮播图简单实现
小程序–轮播图实现 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
565
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人