打赏
摘要: 官网生命周期图例 我简单画了一下 每个vue实例在被创建时都要经过一系列的初始化过程:创建实例,装载模板、渲染模板等等。vue为生命周期中的每个状态都设置了钩子函数(监听函数)。每当vue实列处于不同的生命周期时,对应的函数就会被触发调用。 示例 : <!DOCTYPE html> <html la 阅读全文
posted @ 2021-06-11 23:04 每天都要学一点 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 在vue里,所有vue的实例都是组件 Vue.component全局声明注册一个组件 const声明局部组件(当前vue实例) 每个组件标签之间互不干扰 语法和new Vue一样,只是template代替了el。用法,直接将注册组件名字当做一个标签使用<组件名字></组件名字>。 注册全局语法 Vu 阅读全文
posted @ 2021-06-11 22:11 每天都要学一点 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 计算属性和侦听器 计算属性和侦听器是自动触发的,methods是需要手动触发的。侦听器可以侦听某个值的变化来执行你的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont 阅读全文
posted @ 2021-06-11 21:55 每天都要学一点 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 插值表达式、v-html、v-text 插值表达式:可以支持js语法,能调用js内置函数(必须有返回值) v-html,能显示html标签效果 插值闪烁:使用{{}}的表达式,网速慢的话会先显示插值表达式,然后才vm渲染,v-html和v-text没有插值闪烁问题 v-html会对html标签渲染, 阅读全文
posted @ 2021-06-11 21:31 每天都要学一点 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 比较简单,直接上代码和注释 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <!-- v-model实现双向绑定 --> <input type="t 阅读全文
posted @ 2021-06-11 00:01 每天都要学一点 阅读(52) 评论(0) 推荐(0) 编辑