Vue

ES6的常用语法

ES6和ES5的区别

单体模式

单体模式就是函数的简写

类的定义

ES6新增的类的定义

变量的定义

模版字符串

函数

数据的解构

类的定义

导入Vue

在这里插入图片描述
在这里插入图片描述

Vue的常用指令

Vue指令前都要加v

v-text及v-html

v-for

v-bind

v-on

v-if

v-show

v-model

自定义指令

回调函数:标签中用了自定义的指令时回来调用该函数(定义时)

获取DOM

在这里插入图片描述

计算属性

在这里插入图片描述
.

数据的监听.

全局的$set,$del,属于全局的方法,会被Vue第一时间监听
在这里插入图片描述

Vue组件

组件有根实例的属性(vue的对象:new Vue)
组件中的this就是组件本身,
组件中的同名方法可以覆盖根实例的属性
任何vue实例都可以使用全局注册的组件

组件的注册

组件的全局注册

在这里插入图片描述

组件的局部注册

注册在Vue的根实例里,
在这里插入图片描述

子组件的注册

在这里插入图片描述

组件间通信

父子组件的通信

在这里插入图片描述

子父通信

在这里插入图片描述

非子父通信

非父子间的通信通过中间人进行传递消息,$emit(name, content)/$on(name,function(content)
this此时指的是中间调度器
在这里插入图片描述

其他

混合

minxins:[base], base中的方法可以覆盖原来组件的内容
在这里插入图片描述

插槽

在模版中安装几个槽,只有这几个槽可以放自定义的内容
模版中的其他的不能改变。

在这里插入图片描述

Vue路由

在html页面导入Vue的路由链接

在这里插入图片描述

路由的注册

在这里插入图片描述

路由的命名参数

在这里插入图片描述

手动路由

在这里插入图片描述
route:路由的所有信息
router:VueRouter的实例化对象

子路由的注册

在这里插入图片描述

路由的命名视图

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值