{{}}与v-bind两种方式不要同时出现在一个元素上,否则浏览器控制台会有vue的warn
template标签可以用来包起一堆html元素,然后在template上使用v-if来控制多个元素的组合显示与隐藏,template本身不会出现在渲染结果中。v-show是样式级别的,在dom中任然存在的,转换成disable。v-show不支持template语法,因此template上不能使用v-show
Vue.js 包装了被观察数组的变异方法,故它们能触发视图更新。被包装的方法有:
push()
向数组的末尾添加一个或更多元素,并返回新的长度。
example1.items.push({msg:'台湾小凡'})
pop()
用于删除并返回数组的最后一个元素。
example1.items.pop()
shift()
删除并返回数组的第一个元素
example1.items.shift()
unshift()
向数组的开头添加一个或更多元素,并返回新的长度。
example1.items.unshift({msg:'台湾小凡'})
splice()
从某个已有的数组返回选定的元素
example1.items.splice()
sort()
对数组的元素进行排序
example1.items.sort()
reverse
颠倒数组中元素的顺序。
example1.items.reverse()
你可以打开浏览器的控制台,用这些方法修改上例的 items 数组。
例如:example1.items.push({ message: 'Baz' })。
可以使用v-on指令监听DOM事件 如v-on:click="getA"
版权属于:dingzhenhua
本文链接:https://cloud.tencent.com/developer/article/2019201
转载时须注明出处及本声明