随笔分类 - web前端
1
摘要：已经解决：原以为default是传入的值不符合类型要求，之后默认的值。原来是没有任何值的时候默认的值 保证你需要用到该属性的时候不会为undefined
阅读全文
摘要：<div id="app"> <ele></ele> </div> <script> Vue.component('ele',{ template:`<div id="element" :class="{show:show}" @click="handleClick">文本内容</div>`, da
阅读全文
摘要：之前设置多个div横排显示都会使用float:left，这样使div脱离了文档流，不容易控制，不管是设置margin-left还是position，left都不会有效果。 后来我尝试了使用display:inline-block,这样就可以使用marginLeft来控制多个div之间的间距了。 Vu
阅读全文
摘要：直接贴代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../vue.js"></script> <script> window.onload = function
阅读全文
摘要：Cannot find element: #myA 原因:把id=“MyA”加在了template下面的div里面了，应该加在template标签上。 Property or method "name" is not defined on the instance but referenced du
阅读全文
摘要：Virtual Dom并不是真正意义上的Dom，而是一个轻量级的JavaScript对象，在状态发生变化的时候，Virtual Dom会进行Diff运算，来更新只需要被替换的DOM，而不是全部重绘。 与DOM操作相比，Virtual Dom是基于JavaScript计算的，所以开销会小很多。 用Vi
阅读全文
摘要：在学Vue之前学jQuery的时候，觉得jquery可能是最好用的，比JavaScript简洁了非常多，那段时间写的所有效果都用的jquery不管是轮播图还是页面效果，用jquery都可以轻松解决，但是随着Vue的学习，我发现代码可以越来越省，jquery还需要直接操作dom来改变具体样式，而Vue
阅读全文
摘要：当子组件需要向父组件传递数据时，就要用到自定义组件。 父组件也可以直接在子组件的自定义标签上使用v-once来监听子组件触发的自定义事件。 <div id="app"> <p>总数：{{total}}</p> <my-component @increase="handleGetTotal" @red
阅读全文
摘要：中间出现了缝隙，原因是我的代码是这样的 <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="im
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片轮换</title> <style type="text/css"> *{ margin: 0; padding: 0; } .app{ width: 710p
阅读全文
摘要：Vue报错这个问题，最后发现是引入顺序有问题，需要先导入自定义的组件js文件再把index挂载的js文件放到下面，顺序是先注册后使用 1.Vue.component("my-component",{ template:`<div></div>` }) 2.new Vue({ el:"#app", }
阅读全文
摘要：CSS3 动画 当在 @keyframes 创建动画，把它绑定到一个选择器，否则动画不会有任何效果。 指定至少这两个CSS3的动画属性绑定向一个选择器： 规定动画的名称 规定动画的时长 实例 把 "myfirst" 动画捆绑到 div 元素，时长：5 秒：暂时不考虑Safari和Chrome div
阅读全文
摘要：父传子知识点理解：示例中组件用v-bing绑定了message的事件parentMessage，同时与input中的v-model动态绑定，在组件中用props接收来自父组件的message数据，传给template，最后parentMessage在外部data中定义。有时候，传递的数据并不是直接写
阅读全文
摘要：找了半天错误最后发现{{count}}放到了div里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script></head><bod
阅读全文
摘要：原因是因为在组件调用的时候调用了index.js和myRouter.js，重复挂载了#app，导致报错，在排错的时候我把外部所有的HTML文件js文件css文件全都写在了index.html里，页面显示了但是路由不起作用，我就挨个注释，最后发现了是index.js注释前后直接关系到路由的作用与否，发
阅读全文
摘要：在使用v-for的时候，可以传两个参数(val,index) in persons，第一个参数时值第二个是索引，在内容里调用{{val}}。 设计一个简单的tab页 template:` <ul class="tab-title"> <li v-for="(val,index) in tabTitl
阅读全文
摘要：编程的时候想实现鼠标经过两个div的时候分别显示不同的下拉列表，在组件中设置了show:false和@mouseenter=“xxxShow” @mouseleave=“xxxClose”,但是这时候当鼠标经过一个div的时候所有的下拉列表都会显示，在解决这个问题的时候我只想到了再设置两个函数xxx
阅读全文
摘要：之前遇到这个问题，发现是因为没有在局部组件中调用data(){return{message:" ahhaha" }}
阅读全文
1
浙公网安备 33010602011771号