摘要: 生命周期 又名:生命周期回调函数、生命周期函数、生命周期钩子 生命周期是Vue在关键时刻帮我们调用的一些特殊名称的函数 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的;生命周期函数中的this指向是vm 或 组件实例对象 常用的生命周期钩子 1.mounted: 发送ajax请求 阅读全文
posted @ 2022-03-15 12:16 ljllh 阅读(18) 评论(0) 推荐(0)
摘要: 1、过滤器 定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。 语法 注册过滤器:Vue.filter(name,callback) 或 new Vue{filters:{}} 使用过滤器:{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名" 注 阅读全文
posted @ 2022-03-14 12:04 ljllh 阅读(27) 评论(0) 推荐(0)
摘要: 1、列表渲染 语法:v-for="(item,index) in xxx" :key="yyy" 用于展示列表信息,可遍历数组、对象、字符串、指定次数示例——vue、react中的key有什么作用 1、虚拟DOM中key的作用:key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生 阅读全文
posted @ 2022-03-13 13:55 ljllh 阅读(26) 评论(0) 推荐(0)
摘要: 1、computed和watch的区别 computed能完成的功能,watch都可以完成;但是watch能完成的功能,computed不一定能完成,如watch可以实现异步操作 注意:所有被Vue所管理的函数写成普通函数;所有不被Vue所管理的函数(如定时器的回调函数、ajax的回调函数等)最好写 阅读全文
posted @ 2022-03-12 13:06 ljllh 阅读(27) 评论(0) 推荐(0)
摘要: 1、事件处理 (1)基本使用 1、使用v-on:xxx或@xxx绑定事件,xxx是事件名; 2、事件的回调需要配置在methods对象中,最终会在vm上; 3、methods中配置的函数不要用箭头函数,否则this就不是vm了; 4、methods 中的配置函数都是被Vue所管理的还是,this的指 阅读全文
posted @ 2022-03-11 13:41 ljllh 阅读(33) 评论(0) 推荐(0)
摘要: 1、MVVM模型 M:模型(Model)——对应data中的数据V:视图(View)——模板代码VM:视图模型(ViewModel)——Vue实例对象 <!-- View --> <div id="root"> <h1>学校名称,{{name}}</h1> <h1>学校地址,{{address}}< 阅读全文
posted @ 2022-03-10 13:17 ljllh 阅读(27) 评论(0) 推荐(0)
摘要: 1、模板语法 (1)插值语法——容器中的两个{}用于解析标签体(即开始标签和结束标签间的内容):{{xxx}},xxx是表达式且可以读取data中的所有属性(2)指令语法——用于解析标签(包括标签属性、标签体内容、绑定事件......) v-bind:可以简写成:Vue中有很多指令,形式为v-??? 阅读全文
posted @ 2022-03-09 12:57 ljllh 阅读(42) 评论(0) 推荐(0)
摘要: 1、引入 多了个Vue—— //阻止vue在启动时生成生产提示 Vue.config.productionTip = false 2、初识 <div id="root"> <h1>hello,{{name}}</h1> <h4>年龄是:{{age}}</h4> </div> <script> //阻 阅读全文
posted @ 2022-03-08 11:56 ljllh 阅读(52) 评论(0) 推荐(0)
摘要: 1、间隔定时器:按照指定周期(毫秒)去执行指定的代码 语法:setInterval(函数,时间)函数——每次要执行的内容 时间——单位是毫秒返回值:表示当前页面的第几个定时器 2、延时定时器:在固定的时间(毫秒)后指定一次代码——炸弹定时器 语法:setTimeout(函数,时间)函数——时间到达执 阅读全文
posted @ 2022-03-07 11:28 ljllh 阅读(130) 评论(0) 推荐(0)
摘要: 1、创建对象 (1)字面量方式创建对象var obj = {...}(2)内置构造函数创建对象var obj = new Object()(3)工厂函数创建对象 function create(name,age){ var obj = {} obj.name = name obj.age = age 阅读全文
posted @ 2022-03-06 12:20 ljllh 阅读(33) 评论(0) 推荐(0)