Vue第一天学习

第一天学习

Vue指令

  • v-cloak v-text v-html (v-text 和 插值表达式的区别)。

  • (:)v-bind: Vue 中绑定属性的指令,把冒号后内容当表达式解析。

  • (@)v-on:

  • .stop 阻止冒泡,即此层的下层元素不会冒泡。

  • .prevent 阻止默认事件。例:<a href="http://www.baidu.com">百度</a>点击了这个链接会跳转到百度首页,但是用.prevent,默认的跳转事件就不会触发。

  • .capture 实现捕获触发机制,由里到外触发元素事件,与冒泡机制相反。

  • .self 实现只有点击当前元素的时候,才会触发此元素的事件处理函数。

  • .once 只触发一次事件处理函数, click.prevent.once 此时prevent事件只触发一次,第二次就没用了

  • .self 与 .stop 的区别:.stop会阻止当前元素层以下的元素的冒泡,而.self只会阻止有当前元素的冒泡,不会对下面元素的冒泡造成影响

  • v-model 用在表单元素中

  • 在数组中使用对象v-bind:class="{ : , : , : }" 类名可带引号也可以不带,但是属性名中有-时要加引号

  • 在:style内通过数组,引用多个data内的样式对象

  • v-for="(item,index) in items"

  • v-for循环对象:v-for="(val, key, index) in user" key是必须的

  • v-for循环数字:v-for="count in 10"

  • 注意:v-for循环中,key只能用v-bind绑定,且key属性只能使用number获取string,以后写v-for循环时,都写key值

  • 不用key时,选第五项,用unshift方法在前面添加一项,被选中的值会改变。

  • v-if在false的时候会删除元素,而v-show则会隐藏元素(display:none),切换性能消耗 和 初始渲染消耗;v-show应付频繁切换 v-if应付可能不会出现的元素。


Js方法

  • .substring(start,stop) 提取字符串中介于两个指定下标之间的字符,stop可省略

  • unshift(newelement1,element2)向数组的开头添加一个或更多元素,并返回新长度。


Html方法

  • 计时器 setInterval(code,millisec,lang)

    • code 要调用的函数或要执行的代码串。

    • millisec 周期性执行或调用 code 之间的时间间隔,以毫秒计。

    • lang JScript/VBScript/JavaScript

    (调用多次计时器时间会叠加,只需要调用一次计时器的话,要用 if 做判断)

  • 清除计时器 clearInterval(intervalname)


其他

  • JS的冒泡机制:一层一层往外冒。<div><button></button></div>中button在div的外层所以会先冒button再冒div

猜你喜欢

转载自www.cnblogs.com/goooood/p/11701644.html