Vue
VHotdog
这个作者很懒,什么都没留下…
展开
-
实现vue双向绑定
大家好,我是热狗得小舔狗! 目录效果图准备工作index.htmlmvvm.jscompile.jsobserver.jswatcher.js结束 前几天仅仅更新了一篇基础的模板编译。今天呢,我把后续的功能完善了,就给大家康一哈。希望大家喜欢!!! 模板编译功能地址:https://blog.csdn.net/Nan_gao_0/article/details/111084910 效果图 从图片中,可以看到我自己封装的new Mvvm()实例,可以实现和new Vue()实例一模一样的效果!!! 准.原创 2020-12-15 19:07:58 · 120 阅读 · 0 评论 -
双向绑定实现,vue篇
大家好,我是热狗得小舔狗! 给大家分享一下,如何自己封装一个Vue实例。 看图!!! <body> <div id="app"> <input type="text" v-model="count"></input> <ul> <li>{{count}}</li> <li>{{count}}</li> <li>{{count}}</li>原创 2020-12-12 21:59:17 · 115 阅读 · 0 评论 -
Vue过渡&动画
大家好,我是VHotDog,热狗得小舔狗! 目录概述过渡过渡类名动画transition属性介绍nameappearcsstypemodeduration注意 最近看一个项目源码时,竟然发现这一篇我竟然没有看,竟然不知道,不知道!!! 然后我就去官网康了一下。他是这亚子说的 概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 Jav原创 2020-12-05 23:24:30 · 153 阅读 · 0 评论 -
Vue生命周期和实例
大家好,我是VHotdog,一只小哈狗! 人生苦短,我选javascript.py 今天开始我就开始要撸代码,今天主要目标还是蛮简单的。首先了解并创建一个Vue实例,然后再探讨生命周期函数。 创建一个Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: <script> const app = new Vue({ .... }) </script> 在Vue中所有的组件都是Vue实例 在vue中有个重要的思想 组件化开发,那么问题来了,什么原创 2020-11-27 21:41:23 · 93 阅读 · 0 评论 -
初探Vue
大家好,我是LHotdong,一只小哈狗 先整句名言 人生苦短,我选javascript.py 现在Web前端三大框架Angular React Vue各有所长。 给大家先分析一下: Angular 大家眼里比较牛的框架,甚至有人说三大框架中只有它能称上一个完整的框架,因为他包含的东西比较完善,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等功能。 React 这个框架本身比较容易理解,他的结构清晰,就是由十几个API组成,然后异步渲染,我们只需要处理好接口和维护就好了,但感jio上手还原创 2020-11-27 18:52:02 · 151 阅读 · 0 评论