生命周期

生命周期
4(4个阶段)
8(每个阶段2个钩子函数)
2(缓存的钩子)
1(捕获错误的钩子函数)

beforeCreate
创建 创建虚拟dom create
created
beforeMount
挂载 虚拟dom 变成真实dom 出现在页面上 在世
mounted
beforeUpdate
更新 更新数据->更新dom元素
updated
beforeDestory
销毁 组件离世的时候
destryed

组件切换1 动态组件

is 可以指定渲染的组件名 div 可以渲染成一个叫呵呵的组件 使用is属性的标签不会被渲染 为了语义化 一般使用vue提供的component标签 推荐与component 标签一起使用 组件切换2 路由 1.监听地址栏的改变 根据改变渲染不同的组件 基本使用 1.下载安装路由 npm install vue-router 2.创建路由表 a.引入vue 和 vue-router b.在vue中农使用vue-router c.创vue实例 确定路径和组件的对应关系 d.抛出路由实例 3.在main.js 里注册路由 4.就可以使用两个组件 router-link 控制地址栏改变 router-view 渲染指定的组件 开启一片空间

路由的模式 mode 哈希 和历史
通过路由表里 mode 设置
hash 路由 地址栏中有#
history 路由 没有# 和正常是使用的类似

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值