笔记
components 为组件,views为视图
使用一个组件需要在先注册,后使用。
视图必须先在路由里定义。
当父视图内使用组件时,组件可以在props:{}內写数据传输给父视图,可以在父视图内定义数值
router-view 所显示的视图是路由内的当前path
v-on:click 是绑定点击事件
v-model 是绑定表单,所绑定的字符会被赋值所输入的内容。
要使用props进行父组件对子组件传值时
https://cn.vuejs.org/v2/guide/components-props.html
要注意props有[]跟{}两种写法第一种不需要定数据类型,第二种需要。
border-bottom-right-radiu
border-bottom-left-radius
可以设定背景下方左、右边的圆角角度。
css中一共有三种手段,使一个元素脱离标准文档流:
浮动(float)
绝对定位(position:absolute )
固定定位(position:fixd)
background: linear-gradient((XX)#d42f0c 60%, transparent 60%);
可以让背景分未两种颜色在(XX)处可以设置 to top ,to left 来修改从上对半分还是左右对半分,transparent 意思为透明。
rgba(0,0,0,0.1) 前三个数值表示颜色,第四个数值表示颜色的透明度
Object.values(对象)
返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历属性的键值。
如果参数是个字符串,则返回各个字符组成的一个数组
当数组中出现__ob__: Observer无法取值时用JSON.parse(JSON.stringify(数组))
转换
当需要在方法中调用另一个方法作异步操作的时候,当你使用this.方法名().then会报未定义then的错误
这个时候就需要在所要调用的方法內加return,这样就可以在this.方法名().then(res)时不会报错了
当想要获取页面或者组件的数据时,可以通过在data-XX,或者在点击事件的后面加上下面这个,不懂的时候看看这篇文章https://blog.youkuaiyun.com/wuguidian1114/article/details/103473649 记得要去尝试看看
例子: @sku-selected="onSelected($event)"
2020/2/2,23
不想认同我的努力是无用的,加油
2020/2/15 ,23:42
我承认我什么都没学到,而且是个傻逼