- 博客(4)
- 收藏
- 关注
RSS订阅原创 vue基础(四)
十一、生命周期生命周期是什么？Vue实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom、渲染、更新->渲染、销毁等一系列过程，成为Vue的生命周期八个生命周期函数new Vue({ beforeCreate(){ //这个阶段vue实例还没有被创建，可以进行资源的预加载 console.log('beforeCreate') }, created(){ //这个阶段vue实例被创建，实现数据
2021-10-17 22:03:31
177
1
原创 vue基础笔记(三)
九、过滤器过滤器就是对要显示到页面上的数据进行处理，对用户来说更加友好语法：在vue实例中有一个属性filters，和data同级，filters里面存放的都是处理函数页面使用：通过{{xxx(数据) | 过滤函数}}或者用v-bind绑定标签的属性<div id="app"> <p>{{日期|date}}</p></div>filters:{ date(arg){ //arg就是未处理的日期 //
2021-10-14 08:59:18
162
原创 vue基础(2)
四、数据绑定1.单向数据绑定v-bind：数据只能从data流向页面，页面数据的修改无法影响到data里面的数据<div> 单向数据绑定：<input type="text" v-bind:value="name"></div><script type="text/javascript"> Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。 new Vue({
2021-10-12 20:26:48
361
原创 vue基础(1)
一、vue中常用的指令1.内容绑定，事件绑定v-text:设置标签的内容(textContent),默认写法会替换全部内容，使用差值表达式{{}}可以替换指定内容v-html:设置元素的innerHTML,内容中有html结构会被解析为标签v-on:为元素绑定事件，事件名不需要写on，指令可以简写为@，绑定的方法定义在methods属性中，方法内部通过this关键字可以访问定义在data中的数据v-on补充:事件绑定的方法写成函数调用的形式，可以自定义传入参数//doit是methons中的方法
2021-10-11 19:12:55
168
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人