- 博客(20)
- 收藏
- 关注
RSS订阅转载 20-Vue中props设置default的作用
已经解决：原以为default是传入的值不符合类型要求，之后默认的值。原来是没有任何值的时候默认的值保证你需要用到该属性的时候不会为undefined转载于:https://www.cnblogs.com/Romantic-Blood/p/11186790.html...
2019-07-15 07:40:00
2377
转载 19-template转render写法
<div id="app"><ele></ele></div><script>Vue.component('ele',{template:`<div id="element" :class="{show:show}" @click="handleClick">文本内容</div>`,...
2019-07-05 19:28:00
323
转载 18-CSS问题-让多个div横排显示并设置间距解决方案
之前设置多个div横排显示都会使用float:left，这样使div脱离了文档流，不容易控制，不管是设置margin-left还是position，left都不会有效果。后来我尝试了使用display:inline-block,这样就可以使用marginLeft来控制多个div之间的间距了。Vue.component("bili-con1", { template: `&l...
2019-07-03 10:07:00
2479
转载 17-Vue非父子组件之间的通信实战
直接贴代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../vue.js"></script> <script> ...
2019-07-02 21:59:00
122
转载 16-Vue父子组件通信出现的问题
Cannot find element: #myA原因:把id=“MyA”加在了template下面的div里面了，应该加在template标签上。Property or method "name" is not defined on the instance but referenced during render. Make sure to declare reactive ...
2019-07-02 21:37:00
295
转载 15-什么是Virtual Dom
Virtual Dom并不是真正意义上的Dom，而是一个轻量级的JavaScript对象，在状态发生变化的时候，Virtual Dom会进行Diff运算，来更新只需要被替换的DOM，而不是全部重绘。与DOM操作相比，Virtual Dom是基于JavaScript计算的，所以开销会小很多。用Virtual Dom创建的JavaScript对象一般会是这样：var vNode=...
2019-06-29 22:39:00
130
转载 14-使用Vue来实现JQuery的动画效果
在学Vue之前学jQuery的时候，觉得jquery可能是最好用的，比JavaScript简洁了非常多，那段时间写的所有效果都用的jquery不管是轮播图还是页面效果，用jquery都可以轻松解决，但是随着Vue的学习，我发现代码可以越来越省，jquery还需要直接操作dom来改变具体样式，而Vue直接一个methods搞定，最直接的好处就是节省了大量的代码和时间。接下来用Vue实现了一...
2019-06-27 12:10:00
795
转载 13-Vue自定义组件
当子组件需要向父组件传递数据时，就要用到自定义组件。父组件也可以直接在子组件的自定义标签上使用v-once来监听子组件触发的自定义事件。<div id="app"><p>总数：{{total}}</p><my-component @increase="handleGetTotal" ...
2019-06-26 23:26:00
110
转载 12-CSS3的animation制作轮播图遇到的问题
中间出现了缝隙，原因是我的代码是这样的<div class="box"> <img src="images/1.jpg"> <img src="images/2.jpg"> <img src="images/3.jpg"> <img src="images/4.jpg"> <img src...
2019-06-26 15:38:00
268
转载 11-CSS3的animation简易轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片轮换</title> <style type="text/css"> *{ margin: 0; ...
2019-06-25 22:18:00
128
转载 10-Vue报错Unknown custom element: <bili-title> - did you register the component correctly?
Vue报错这个问题，最后发现是引入顺序有问题，需要先导入自定义的组件js文件再把index挂载的js文件放到下面，顺序是先注册后使用1.Vue.component("my-component",{template:`<div></div>`})2.new Vue({el:"#app",})导入顺序<script src="...
2019-06-25 11:15:00
206
转载 09-Vue基础知识汇总笔记
Vue笔记转载于:https://www.cnblogs.com/Romantic-Blood/p/11079193.html
2019-06-24 20:10:00
82
转载 08-CSS3的动画animation属性
CSS3 动画当在@keyframes创建动画，把它绑定到一个选择器，否则动画不会有任何效果。指定至少这两个CSS3的动画属性绑定向一个选择器：规定动画的名称规定动画的时长实例把 "myfirst" 动画捆绑到 div 元素，时长：5 秒：暂时不考虑Safari和Chromediv{ width:100px; height:100px; b...
2019-06-24 16:54:00
182
转载 07-Vue笔记——props父传子
父传子知识点理解：示例中组件用v-bing绑定了message的事件parentMessage，同时与input中的v-model动态绑定，在组件中用props接收来自父组件的message数据，传给template，最后parentMessage在外部data中定义。有时候，传递的数据并不是直接写死的，而是来自父级的动态数据，这是可以使用指令v-bind来动态绑定props的值，当父组...
2019-06-24 16:06:00
117
转载 06-Vue报错Failed to execute 'setAttribute' on 'Element': '{{count}}' is not a valid attribute name....
找了半天错误最后发现{{count}}放到了div里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script>...
2019-06-24 15:58:00
914
转载 05-Vue报错 Uncaught SyntaxError: Identifier has already been declared和路由
原因是因为在组件调用的时候调用了index.js和myRouter.js，重复挂载了#app，导致报错，在排错的时候我把外部所有的HTML文件js文件css文件全都写在了index.html里，页面显示了但是路由不起作用，我就挨个注释，最后发现了是index.js注释前后直接关系到路由的作用与否，发现了这个错误。转载于:https://www.cnblogs.com/Romantic...
2019-06-23 16:47:00
7910
转载 04-Vue中v-for相关问题和设计一个简单的tab页面
在使用v-for的时候，可以传两个参数(val,index) in persons，第一个参数时值第二个是索引，在内容里调用{{val}}。设计一个简单的tab页template:`<ul class="tab-title"><li v-for="(val,index) in tabTitle" @click="cur2=index" :active="...
2019-06-23 09:50:00
169
转载 03-CSS去掉input输入框点击的时候的蓝色边框
outline：none;转载于:https://www.cnblogs.com/Romantic-Blood/p/11069776.html
2019-06-22 17:54:00
1356
转载 02-遇到的问题Vue控制多个下拉列表和问题duplicate attribute: @click
编程的时候想实现鼠标经过两个div的时候分别显示不同的下拉列表，在组件中设置了show:false和@mouseenter=“xxxShow” @mouseleave=“xxxClose”,但是这时候当鼠标经过一个div的时候所有的下拉列表都会显示，在解决这个问题的时候我只想到了再设置两个函数xxxShow2和xxxClose2但是这样问题还没解决，我忘了再给一个show2:false...
2019-06-22 16:51:00
1846
转载 01-遇到的问题Property or method “message” is not defined on the instance but referenced during render....
之前遇到这个问题，发现是因为没有在局部组件中调用data(){return{message:" ahhaha" }}转载于:https://www.cnblogs.com/Romantic-Blood/p/11067803.html
2019-06-22 09:55:00
595
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人