- 博客(6)
- 收藏
- 关注
原创 如何让子元素在父元素中水平垂直居中七种方法
html: <div class="container"> <div class="box">green</div> </div> 第一种:定位+margin:auto .container { position: relative; width: 300px; height...
2019-04-03 09:42:24
3637
原创 谈谈vue的render函数?
使用vue 这么长时间,对vue 对源码了解还是不多,作为一个不甘平庸的前端小白,决定奋起,那么今天我们就来谈谈vue 的render 函数; 打开源码,我发现render 函数返回一个VNode; 可是我们并未在模版中写render 呀,这又是一个什么样的过程呢? 当我们创建一个Vue 实例的时候,我们会把template 编译生成render 函数;render 函数返回一个VNode; vu...
2019-03-18 10:58:52
567
原创 聊一聊vue的双向数据绑定,为啥子this.message和this._data.message 都能访问到呢?都发生了什么呢
初入vue 的大门,对vue 在data 中定义一个值,在DOM 中通过双花括号{{}} 就可以访问的到,对此我是很好奇的,本着好奇的心思,打开了vue 的源码,探索这个奇妙的过程。 问题的根源就在于这个方法: Object.defineProperty()定义对象的属性相关描述符, 其中的set和get函数对于完成数据双向绑定起到了至关重要的作用。 下面我们就通过一个简单的例子来解释一个这个方法...
2019-03-15 16:40:52
1758
原创 Vue 中父传子组件传值,开发项目中总会遇到这样或那样的坑,作为前端小白,每天都在填坑中度过。。。
第一种情况: 简单传值,子组件只负责显示; 父组件向子组件传递一个hello word; 子组件接收并显示出来; 父组件Father.vue <template> <div id="app"> <Child :msg = "message"/> </div> </template> <script&a
2019-03-14 15:52:36
236
原创 如何解决vue打包项目中的图片,静态css,js 不能访问路径问题
1.在书写代码的时候按照相对路径引入; 2. 但是webpack+vue-cli 默认打包的css,js 等资源的路径是绝对的; 实际写的代码 &lt;template&gt; &lt;div&gt; &lt;div class="logo"&gt;&lt;/div&gt; &lt;img src=&
2019-02-22 09:54:37
1748
原创 如何在vue中实现px自动转换成rem,实现多手机的尺寸适配问题?
1.初始化一个vue 项目 vue init webpack px2rem-demo https://img-blog.csdnimg.cn/20190221143835864.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpb...
2019-02-21 14:55:07
616
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人