vue教程(四)--其他实用用法补充
2024-10-02 04:35:42
一、vue生命周期简单介绍
var App={
template:'',
data(){
},
beforeCreated:function(){
//不能操作数据,只是初始化了事件等。。
},
created:function(){
//可以操作数据
},
beforeMount:function(){
//new vue发生装载,替换<div id='app'></div>之前
},
mouonted:function(){
//装载数据之后
}
}
二、vue在组件的dom部分,任意的标签中写 ref='xxx'属性,在组件对象中就可以通过this.$refs.xxx的方式,获取到元素
三、希望vue渲染dom到页面后,执行的操作,比如让input获取焦点
this.$nextTick(function(){
//操作逻辑
})
注:git上有开发的项目作为例子,有兴趣的可以下载学习。源代码已上传git:Git地址,也可以扫码加入QQ交流群
最新文章
- PHP单引号和双引号对待变量的不同
- cocos2d-x使用AssetsManager类实现资源的在线更新
- NUGET命令
- winform C#获得Mac地址,IP地址,子网掩码,默认网关
- Djnago的一些零碎知识点
- Python脚本控制的WebDriver 常用操作 <;十五>; 处理Navigation Bar
- Ubuntu下安装php调试工具xdebug
- thinkphp批量删除的实现
- AngularJS的文字溢出处理
- linux实现文件的去重【转】
- DirectX11 With Windows SDK--25 法线贴图
- SharePoint 2010 查看dll的PublicKeyToken值方法
- ZJOI-2017 R2 游记
- Vnpy官网汇总
- 某mac最简单调节亮度
- hdu 6390 欧拉函数+容斥(莫比乌斯函数) GuGuFishtion
- vue关于html页面id设置问题
- PHP调用外部程序的方法
- js获取iframe的id
- Java 中 String 的常用方法(一)
热门文章
- SYN5006型电机同步编码脉冲分配器
- vi的替换使用、如何让linux有回收站功能、系统重要文件、目录数据
- 【fullGC】内存监控工具
- oracle 向数据库同时插入多条数据
- X-Admin&;ABP框架开发-数据字典
- Jenkins+GitLab+Docker+SpringCloud+Kubernetes实现可持续自动化微服务
- Coderforces 633D:Fibonacci-ish(map+暴力枚举)
- .NET中生成动态验证码
- Tell Don’t Ask
- Acrobat pro Dc 2018破解版|Adobe Acrobat pro Dc 2018中文破解版下载(附序列号/免破解)