- 博客(9)
- 收藏
- 关注
原创 vue基础学习记录(二)
实例化多个Vue对象HTML: <div id="vue-app-one"> <!-- 第一个实例的内容 --> <h2>{{title}}</h2> <p>{{greet}}</p> </div> <div id="vue-app-two"&g...
2019-07-19 00:35:56 147
原创 vue基础学习记录(一)
一、vue实例化对象里的属性对象说明elelement 需要获取的元素,一定是html中的根容器元素data用于数据存储methods用于存储各种方法data-binding给属性绑定对应的值基础常用的指令v-bind 绑定值 <!-- 完整语法 --> <a v-bind:href="url">...<...
2019-07-18 16:05:23 114
原创 使用Flexbox创建一个简单的表单
Web上最简单的表单包含电子邮件字段和提交按钮。有时,电子邮件字段和提交按钮位于同一行,如下所示:电子邮件和提交按钮在同一行这个UI看起来很简单!但是如果你使用像以前那样的旧方法,那么构建起来可能很困难inline-block。困难的部分是让电子邮件字段和按钮在视觉上对齐。CSS Grid或Flexbox可以帮助您轻松构建此表单。使用Flexbox制作表单从上图中,我们知道表单包含...
2019-07-18 10:54:16 254
原创 vue父组件使用子组件函数,vue子组件使用父组件函数
(1)vue中父组件调用子组件函数用法: 子组件上定义ref="refName", 父组件的方法中用 this.$refs.refName.method 去调用子组件方法详解: 父组件里面调用子组件的函数,父组件先把函数/方法以属性形式传给子组件;那么就需要先找到子组件对象 ,即 this.$refs.refName.然后再进行调用,也就是 this.$refs.refName.method...
2019-07-18 10:23:01 284
原创 stop事件修饰符
stop事件修饰符修饰符说明.stop阻止冒泡stop事件修饰符具体介绍.stop.stop用来防止冒泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w...
2019-07-09 10:59:40 1227
原创 taro开发微信小程序-配置tab页面
taro开发微信小程序,taro框架目前是移动端的混合全能框架,对于微信小程序平台编译优秀,taro结合webpack可以编译微信小程序,anroid,ios,H5等平台代码,taro ui是基于taro的一套ui界面库。本栏博客介绍如何使用使Trao和Taro UI框架来开发移动端微信小程序.1.在项目开发文件夹中新建2个文件夹-配置2个tab页面index/index.js me/me...
2019-07-04 11:32:16 1634
原创 Flex布局
布局方面学习了flex布局对元素位置控制不熟练,出现了问题flex容器属性 - flex-direction - flex-wrap - flex-flow - justify-content - align-items - align-contentflex-direction属性 ![在这里插入图片描述](https://img-blog.csdnim...
2019-07-04 10:18:07 129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人