vue常用功能

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.$route.query

vue组建

引入方式
improt 文件名 from ‘文件位置’
components:{组建名}
使用

<组建名></组建名>

组建传值

<组建名 :子组建接收名='需要往下传的值'></组建名>

组建回传方法（接收回传参数）

<组建名 v-on:方法名='方法'></组建名>

子组建接收父组建值方式
props:[“接收名称”]

子组建回传值到父组建
vm.$emit('方法名',值)