小码农一个

摘要： 1、组件分为全局组件和私有组件 全局组件 component 2、注册组件的三种方法： 2.1创建组建的Vue.extend创建一个对象，里面书写template来展示组件的html页面内容,并用一个变量来进行接受 var com1=Vue.extend({ template:'<h2>使用Vue. 阅读全文

摘要： vue中使用css和第三方库完成的动画都是全程动画（又开始，有结束），当有些需求只需要又开始的动画，不需要有结束的动画时（加入购物车时，有一个小球慧聪商品按钮区域，运动到购物车图标上，并不会返回回去），他们两个不会满足需求 此时vue为我们提供了 JavaScript 钩子可以满足需求 <trans 阅读全文

摘要： 在页面中引入animate的css样式 <link rel="stylesheet" href=".animate.min.css"> <script src="vue.js"></script> 书写样式的时候，可以直接只写两个时间段即可，给这两个时间段添动画类名 <!-- 1、使用tranfor 阅读全文

摘要： HTML页面元素 要为那个元素添加动画，就使用transition标签进行包裹并写样式进行控制 <transition> <h3 v-if="falge">按钮控制元素h3的显示与隐藏</h3> </transition> 当页面中有多个元素要添加动画，并且动画效果不一样时，可以给transitio 阅读全文

摘要： 在版本2中这样定义的 1、 .enter （回车键） 2、 .tab 3、.delete （捕获”删除“和”退格“键） 4、 .esc （退出键） 5、 .space （空格键） 6、 . up 7、 .dowm 8、 .left 9、 .right （右箭头） 可以通过 Vue.config.ke 阅读全文

摘要： Vue允许你自定义过滤器，可被用作一些常见的文本格式化，过滤器可以用在两个地方：mustache插值和v-bind表达式，过滤器应该被添加在JavaScript表达式的尾部。有“管道”符指示：| eg: <p>{{msg | text(123) | text1()}}<p> Vue.filter(" 阅读全文

摘要： v-if每次都会动态的创建和销毁DOM元素 v-show每次都只是给style添加一个display：none的属性(不会删除DOM元素) v-if有较高的切换性能消耗 v-show有较高的初始渲染消耗 （涉及频繁的切换，不建议使用） （如果元素一直不会被用户看见建议使用v-if） 阅读全文

摘要： v-for 在组件中使用，必须要与key相结合 1、循环数组 item in list (item,i) in list 【1,2,3,4,5,6,7,8,9】 2、循环对象数组 item in list (item,i) in list 可以通过item.id获取id item.name获取名字 阅读全文

摘要： 1、 .stop:阻止事件冒泡 （直接写在点击事件的后面@click.stop） 2、 .self :只当事件在该元素本身（不能是里面的子元素），触发时触发回调，（你只有点击了元素本身才会触发函数，当有冒泡事件经过时，该元素的函数并不会执行@click.self） 3、.prevent阻止默认事件 阅读全文

摘要： v-clock 消除插值表达式的闪动 v-text 能覆盖原有的页面内容 v-html 渲染html元素的 能覆盖原有的页面内容 v-bind是属性绑定 缩写 ： v-on事件绑定 缩写 @ 阅读全文