-
1.vue.js放在底部容易引发抖屏
查看全部 -
查看全部 -
在模板里写alert,为什么不执行?
查看全部 -
在v-cli脚手架中,data不再是一个对象,而是一个函数
当在export default {}中写一个data ,data变成了一个函数
查看全部 -
<!--vue语法中 template中只允许一个根标签-->
查看全部 -
scoped:style标签上的一个属性 表示style内部的样式只作用于本组件
查看全部 -
vue中的父组件通过属性形式向子组件传递参数;
查看全部 -
每个组件都是一个vue实例
查看全部 -
实现子组件和父组件的通信:通过一个发布订阅模式来处理
查看全部 -
副组件向自组件传值,是通过属性的形式传递的:
:content="item"
查看全部 -
每一个组件都是一个vue的实例,
反之,每一个vue的实例,也都是一个组件
查看全部 -
如何用户所传入的值:
通过 :content="item"
让组件直接的使用所传入的值,组件需要接收刚刚所传入的值:
props:['content']
查看全部 -
全局组件:
Vue.component('组件名',{
template: '组件内容'
})
局部组件:
var TodoItem = {
template: '组件内容'
}
局部组件的调用,需要在vue的实例里面添加一个components对这个局部组件进行一下注册:
var app1 = new Vue({
el: '#root',
components:{
'todo-item即组件名': TodoItem
},
data: {
inputValue: '',
list: []
},
methods: {
btnSubmit: function() {
this.list.push(this.inputValue);
this.inputValue = ''
}
}
})
查看全部 -
适用v-for做循环展示时,需要添加:key="",为了提高渲染效率,要求:每渲染一条的key值都是不同的
为避免数组内容重复,可转换为如下写法,例如:

当然,这也并不是一个特别好的选择,如果需要频繁渲染时,index会出现问题
查看全部 -
v-show 性能相对更高一些,不用多次加载dom元素,适合进行多次隐藏或展示的内容
v-if 会消除dom节点,适合少次的显示隐藏
查看全部
举报