此篇文章是我基于研究vue文档三遍的基础上,觉得还有点难理解或者难记的知识点总结 列表渲染 1.渲染组件必须加key,并且属性是手动传递给组件的 <my-component v-for="(item, index) in items" v-bind:item="item" v-bind:index="index" v-bind:key="item.id"> </my-component> 2.v-for…

1.项目目录 2.入口文件index.html 3.index.html默认调用的main.js 3.调用的组件app.vue 4.调用组件hello.vue…

1. 父子组件的双向数据绑定,所以在子组件是不允许修改父组件的属性的. // 解决办法 // 在子组件data中定义一个父组件传递过来的副本,再把该副本利用this.$emit("","")给传回去,父组件利用自定义事件接受该值   2. props 的   数组/对象的默认值应当由一个工厂函数返回 错误类型: 解决办法:   3.子组件抛出值 this.$emit('input',  val)  ,  input 方法, 父组件接收可以用v-model="…

一.父子组件生命周期 父组件create->子组件create->子组件mounted->父组件mounted 当一个钩子函数使用了异步请求时,并不会等该钩子函数中所有异步的回调都执行完了再执行后面的生命周期函数. 二.响应式数据 所谓响应式数据就是当数据发生变化时会更新引用该数据的dom.会使computed属性重新生成值,会被watch方法监听到: Vue判断数据是否变化的方法很简单,值类型直接用===来比较是否相同,引用类型则比较地址: Vue 将会递归将 data 中的属性转换为…

数据侦听 Vue.$watch   watch提供了观察和响应实例上数据变动的办法,当有一些数据需要跟随其他数据变化而变化时,如子组件某个数据依赖来自于父组件的prop计算.很直观的会想到计算这功能和计算属性十分类似.Vue建议用户使用计算属性,除非如下情况:(1)当要执行的操作是异步操作时,(2)相应事件是开销较大的操作时.   watch: { question: function (newVal, oldVal) { this.answer = 'Waiting for you to st…

random模块 我的随机验证吗程序: 首先保证了字母和数字出现的概率是50% VS 50%,其次是可以订制输出多少位 def Captcha(size): Captcha_list = [] for i in range(size): rand_num = random.randint(1, 2) if rand_num == 1: Captcha_list.append(chr(random.randint(65, 90))) elif rand_num == 2: Captcha_list…

因为所在公司临近年底突然宣布Game Over,导致我等小码农又要踏上一个艰辛的求职道路了.才眨眼功夫,年就过完了,快乐的时光总是很匆忙呀. 开年的第一个面试,面试官问我会不会自己写一个圆环进图圈,这个我之前做过,紧张还是怎么的,一时忘记当初怎么写的了还有点小尴尬呢.回到家自己又实现了一遍,现在把代码贴出来,有需要的人可以参考一下,如果试用过,发现问题,欢迎留言告知,不胜感激. 效果如图所示: <template> <div class="percentloop"&g…

可伸缩自适应的页面头部,屏幕适应范围更广泛 效果如下: 代码如下: <template> <div class="site-header"> <div class="logo"><img src="@/assets/icons/logo.png" alt=""></div> <nav class="title"> <!--汉堡按钮…

之前用了一下vue-bootstrap,感觉里面的表格组件特别好用,但是如果仅仅为了使用表格就引入bootstrap,似乎有点不划算.所以自己就试着实现了一下bootstrap里面表格的部分功能,目前只是实现了表格内容的排版和列排序功能.后面再慢慢实现更多的功能吧,比如详情框等等. 另外说一点点个人对bootstrap的使用感受吧,它的便捷是有目共睹的,能快速搭建好项目UI,排版也很优雅好看,但是不太适用于已定好UI设计稿的项目,因为它的布局是很灵活的,在排版上,尺寸大致能遵循设计稿,但是不能较…

Vue以前听说过,有了解过一点.当时还在热衷于原生JavaScript去写一些方法的封装,不是为啥,就感觉这样很帅,后面多多少少接触了一些JQuery的用法,到现在为止,JavaScript原生封装的一些方法,该忘的都忘了.上一家公司需要用到Vue,所以就利用下班的时候学习Vue.有次公司部门的培训,一位大佬总结的实用技巧,感觉不错,在这里记录下来,方便以后查询,也与大家分享. 阮一峰老师写的:http://es6.ruanyifeng.com/ 1.ES6新特性概览 2.Vue基础知识 3.V…