vue.js
文章平均质量分 54
一款很棒的渐进式前端框架
前端小佩奇
这个作者很懒,什么都没留下…
展开
-
作为一位优秀的白嫖党前端,必须了解的一些网站及插件
作为一位优秀的白嫖党前端需了解的一些插件及网站原创 2022-11-27 22:53:07 · 420 阅读 · 0 评论 -
Vue生命周期理解
文章目录详解Vue生命周期定义:三个阶段:生命周期三个阶段内的事件(函数,生命周期钩子)Vue流程图理解: 详解Vue生命周期 定义: vue生命周期: 从vue实例创建、运行、销毁的过程,在这个过程中会伴随各种各样的事件,这些事件统称为 生命周期 。 生命周期钩子:生命周期中的事件的别名(函数); 三个阶段: 生命周期大致分为三个阶段: 1.创建阶段 2.运行阶段 3.销毁阶段 生命周期三个阶段内的事件(函数,生命周期钩子) 创建阶段的生命周期函数 beforeCreate( ) :实例刚从内存中被原创 2021-08-07 23:16:24 · 261 阅读 · 0 评论 -
vue基础_5.计算属性与监听属性
1.计算属性 关键字:computed 计算属性的值会缓存,只有当它所依赖的值发生改变时才会重新计算,所以它又属于响应式的。(在 计算复杂逻辑时 或 数据更新 时采用computed) 注意: 1.computed里属性是自定义的,不能与data里的属性重复 2. computed中的成员可以只定义一个函数作为只读属性,也可以定义get/set变成可读写属性 例: <body> <div id="app"> <div>count:原创 2021-07-18 23:27:49 · 137 阅读 · 0 评论 -
vue基础_4.条件渲染与列表渲染
1.条件渲染(v-if与v-show) 上节已经展示过 v-show 与 v-if 和 v-else 的用例,这里再添加一个条件判断 v-else-if(相当于 if( ) ,else if( ),else 只不过是在前面加了个 v- 而已) <body> <div id="app"> <p v-if="count==1">count==1时显示</p> <p v-else-if="count==2">count原创 2021-07-18 01:04:43 · 143 阅读 · 0 评论 -
vue基础_3.模板语法
1.纯文本渲染 使用双大括号,使用data数据里声明的或props里的(后面组件间传值时用到,这里先不介绍) 或一段表达式 <body> <p id="app"> {{msg}} <br/> {{obj.name}} <br/> {{1>2?true:false}} <br/> </p> <script> var vm=new原创 2021-07-17 23:41:12 · 105 阅读 · 0 评论 -
vue基础_2.方法与生命周期钩子
1.vue方法函数 关键字 :methods **注意在调用方法时 this 的指向 <body> <p id="app"> {{msg}} </p> <script> var vm=new Vue({ //注意这里 V要 大写 el:"#app", //将Vue实例绑定到 p 标签上 data:{ msg:"这是一段话", //绑定数据原创 2021-07-16 22:24:24 · 139 阅读 · 2 评论 -
vue基础_1.Vue简单实例创建
1.起步 引入vue.js: 方法1:引入官网的vue.js <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> 或者: <!-- 生产环境版本,优化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>原创 2021-07-16 21:44:24 · 206 阅读 · 0 评论