vue常用的标签
v-if //用来判断是否显示该内容
v-show //与 v-if 功效差不多 比较适合用来做tab切换
v-model //绑定值
v-html //插入html文本
v-bind //绑定data-值
v-for //循环数组值 例子:v-for=’ list in date ’
v-on //绑定事件 简写方式 @ 例子 @click=” 等同于js οnclick=”
v-on:@click.self //区块点击方法(嵌套点击方法中避免点击到外层)
@blur //失焦事件
@focus //聚焦事件
vue跳转方式
vm. router.push(path:′目标位置′,query:此处是需要往下一个页面的参数)页面接收参数vm. r o u t e r . p u s h ( p a t h : ′ 目 标 位 置 ′ , q u e r y : 此 处 是 需 要 往 下 一 个 页 面 的 参 数 ) 页 面 接 收 参 数 v m . route.query
vue组建
引入方式
improt 文件名 from ‘文件位置’
components:{组建名}
使用
<组建名></组建名>
组建传值
<组建名 :子组建接收名='需要往下传的值'></组建名>
组建回传方法(接收回传参数)
<组建名 v-on:方法名='方法'></组建名>
子组建接收父组建值方式
props:[“接收名称”]
子组建回传值到父组建
vm.$emit('方法名',值)