-
v-if 是删掉前端代码
v-show只是改变css属性
如果是频繁的修改html，使用v-show更好。
v-for，列表展示，语法，v-for="item of list"
v-for="(item,index) of list" :key="index" 提高性能
查看全部 -
1，计算属性和侦听器 computed和watch
2.数据双向绑定，v-model
查看全部 -
页面里添加数据时，使用data加函数的形式
简化写法：data() {
return {
}
}
查看全部 -
this.$emit('delete',this.index) ：触发子组件的方法.
@delete:监听上面参数的方法
然后在父组件填写对应method方法
查看全部 -
@=关联方法
:=绑定属性
v-model=双向绑定
查看全部 -
向外触发事件通知父组件删除点击项
methods:{
handleClick:function(){this.$emit('delete',this.index)}
}
父组件在模板中创建todo-item时加入@delete监听子组件的delete事件执行父组件的方法
查看全部 -
每一个vue的组件就是vue的实例，所以vue的组件里可以写入methods
任何一个vue的项目都是由千千万万个vue的实例组成的
查看全部 -
创建全局组件：
Vue.component(todo-item,{template:'<li>item</li>'})
创建局部组件：
var TodoItem={template:'<li>item</li>'}
调用局部组件时需要在new vue中声明
components:{'todo-item':TodoItem}
组件传参
<todo-item v-for='item of list' :content='item'></todo-item>
Vue.component('todo-item',{
props:['content'], //接收外部传进来的名为content的属性
template:'<li>item</li>'})
查看全部 -
Div 标签相当于vue实例的挂载点查看全部
-
v-if 当是true的时候显示当是false时把标签直接从dom中移除
v-show 只是给标签加了display：none；属性
当使用v-for时用 :key会提升每一项渲染的效率，注：key值不能相同
查看全部 -
computed属性 计算属性 当属性没发生改变时不会计算会使用缓存值
侦听器：watch 检测某一个属性发生了变化
查看全部 -
v-bind: == :
v-on: == @
v-model实现双向绑定
查看全部 -
@click==v-on:click
查看全部 -
模板是挂载点内部的内容
vue实例中的template可以存入模板
查看全部 -
el指的是和哪一个dom节点做了绑定查看全部
举报