![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 70
阿浩!
这个作者很懒,什么都没留下…
展开
-
Vue入门笔记Day 8
一.vue中的css动画原理1.过渡显示(1)transition标签transition表示包裹的内容会有一个动画过渡效果,动画效果必须包含在transition标签里。(2)动画流程transition包裹后会vue会自动分析css样式,构建一个动画流程。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue中的css动画原理</title&g原创 2021-04-09 17:51:21 · 86 阅读 · 0 评论 -
Vue入门笔记Day7
1.组件使用中的细节点(1)使用is解决h5标签的bugh5编码规范tbody里面必须跟tr所以不能直接写成组件,有序列表与无序列表也一样,还有下拉列表等。is属性解决:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组件使用中的细节点 1.使用is解决h5标签的bug</title> <script src="../vue.js">原创 2021-04-02 15:31:42 · 67 阅读 · 0 评论 -
Vue入门笔记Day6
1.Vue中的样式绑定(1)class的对象绑定<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue中的样式绑定</title> <script src="../vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/c原创 2021-04-01 17:51:13 · 98 阅读 · 0 评论 -
Vue入门笔记Day5
1.Vue模板语法(1)插值表达式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div i原创 2021-04-01 16:40:43 · 69 阅读 · 0 评论 -
Vue入门笔记Day4
1.Vue实例变量vm app 一般都代表vue实例el:负责定义Vue定义的接管的dom最外层标签2.生命周期函数生命周期函数就是Vue实例在某一个时间点会自动执行的函数。(1)beforeCreate<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js" type="tex原创 2021-04-01 13:53:43 · 71 阅读 · 0 评论 -
Vue入门笔记Day 1
1.创建Vue实例var vm = new Vue({})2. data 用于定义属性。methods 用于定义的函数,可以通过 return 来返回函数值。{{ }} 用于输出对象属性和函数返回值。3.插值数据绑定最常见的形式就是使用 {{…}}(双大括号)的文本插值.实例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Hello world<原创 2021-03-31 10:56:30 · 101 阅读 · 0 评论 -
Vue入门笔记Day3
完成TodoList的删除功能<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="原创 2021-04-01 10:24:47 · 60 阅读 · 0 评论 -
Vue入门笔记Day2
1.MVVM模式传统设计模式MVP:Model层:数据层 Presenter层:呈现层控制器(控制层) View层:视图层(一般指dom展示)2.组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:(1)全局组件语法格式如下:Vue.component(组件名,{方法})Vue.component("TodoItem"原创 2021-03-31 17:17:14 · 98 阅读 · 0 评论