Vue
alenzzzhang
主要从事于devops和自动化测试及运维工作
展开
-
Vue框架中的事件修饰符详解
Vue框架中的事件修饰符修饰符含义.stop阻止冒泡.prevent阻止默认事件.capture添加事件监听器时使用事件捕获模式.self只当事件在该元素本身触发事件once事件只触发一次主要代码演示:由于script代码和css代码一样,在此只写一份: <style> .inner{ ...原创 2019-05-26 20:38:19 · 201 阅读 · 0 评论 -
让你更了解Vue中v-if和v-show区别
Vue中v-if和v-show区别v-if:每次都会删除和创建元素,频繁地操作DOM树v-show:不进行对DOM树的操作,只切换元素的display:none样式主要代码演示: <div id="app"> <input type="button" value="toggle" @click="flag = !flag"> &...原创 2019-05-30 17:30:39 · 109 阅读 · 0 评论 -
你常用的vue中的属性绑定v-bind
vue中的属性绑定v-bindv-bind作用:v-bind是Vue中提供的用于绑定属性的指令,可以简写成英文冒号: v-bind可以写一些合法的js表达式问题引入:eg:现在input标签中title属性想利用data对象中没有title数据该怎样做呢?正常情况下会如何写呢?下面请看大多数人正常情况下写出的代码:<div id="app"> <input...原创 2019-06-01 09:04:33 · 1477 阅读 · 0 评论 -
你不了解的vue中的v-on事件绑定
vue中的事件绑定v-onv-on作用在vue框架中对事件进行绑定,可简写成“@”闲话少叙,上代码:<div id="app"> <input type="button" value="事件绑定" v-on:click = 'show'></div><script> var vm = new Vue({ e...原创 2019-06-01 09:16:43 · 132 阅读 · 0 评论 -
让你更了解v-for迭代循环
Vue中的v-for迭代循环1,迭代数组定义格式如下:v-for=’(item[,i]) in arr’说明: item表示值,i表示索引,为可选项,arr是被迭代数组 主要代码演示如下: <div id="app"> <h3 v-for='(item,i) in arr'>值为:{{ item }}--->索引值为:{{i}}</...原创 2019-05-29 18:57:16 · 644 阅读 · 0 评论 -
vue中的过滤器filter你了解多少?
vue中的过滤器filter1,过滤器的作用 简单的说就是拦截和相应2,过滤器都可以在哪些地方使用呢? 过滤器只能在mustache(插值表达式)和v-bind中使用3,那么如何定义一个过滤器呢?定义过滤器格式如下:Vue.filter(name,function(){})//name是过滤器名,function是操作,此方法定义的是一个全局过滤器4,如何使用一个过滤器?...原创 2019-06-02 10:10:21 · 768 阅读 · 0 评论