- 博客(9)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 手把手教你VUE从入门到放弃—— 篇十二（vue中的列表渲染，集合的遍历及增删改）
集合的遍历:使用v-for = 'item of itemList' 或者v-for = 'item initemList'当想要获取下标时 使用v-for = '(item,index)of itemList' 或者v-for = '(item,index) initemList'测试源码如下<!DOCTYPE html><html lang="...
2019-11-29 10:56:15
393
原创 手把手教你VUE从入门到放弃—— 篇十一（vue中的条件渲染 v-if,v-else,v-else-if,v-show与v-if的使用与区别）
v-if,v-else,v-else-if就不多说了，跟你学的其它语言一样用法，这里重点说下v-if与v-show的区别 两者都是若表达式为true则显示，但是表达式为false的时候 v-if会去除当前dom元素，而v-show则会保留只是不显示罢了 会变成如右侧样式测试源码如下<!DOCTYPE html><html lang="en"><...
2019-11-29 10:25:21
342
原创 手把手教你VUE从入门到放弃—— 篇十（vue中的样式绑定）
不多说，代码如下，通过数组与对象的形式来完成样式的绑定与变动,以下实现点击字体颜色变红再点击变黑的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue中的样式绑定</title> <sc...
2019-11-29 10:12:25
132
原创 手把手教你VUE从入门到放弃—— 篇九（vue的计算属性中的get ，set方法的使用）
不多讲，敲下就知道了 ,total通过get方法自动获取，在改变 num1 或者num2时又会自动调用get方法从而改变total<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue的计算属性的get，set方法的使用<...
2019-11-28 16:08:13
321
原创 手把手教你VUE从入门到放弃—— 篇 八（vue的计算属性，方法和监听器的使用方法与比较）
语法：计算属性：computed:{ 变量名:function (){ ...处理 return 返回值; } }方法： methods:{ 方法名:function(){...
2019-11-28 14:40:23
125
原创 手把手教你VUE从入门到放弃—— 篇七（vue的模板语法）
如下图：以 v-text,v-html,v-model 这类以v开头的表达式里面都是放js表达式而不是单纯的字符串
2019-11-27 11:23:49
127
原创 手把手教你VUE从入门到放弃—— 篇六（vue实例的生命周期，八个常用生命周期钩子函数）
详情可见官网链接vue实例的生命周期生命周期函数：vue实例在某个时间点会自动执行的函数八个常用生命周期函数：beforecreate与created: 实例创建前与创建后执行beforemount与mounted:数据与html模板结合渲染到页面之前与之后执行beforedestroy与destroyed：实例销毁前与之后执行beforeupdate与updat...
2019-11-26 19:34:36
174
原创 手把手教你VUE从入门到放弃—— 篇五（组件传值）
不多说，直接上代码下面的知识点包含1.emit("事件名") 主动触发一个事件2.@delete 等价于v-on:click3.v-bind: 等价于 ：4.v-bind 绑定属性5.v-for="(item,index) in list 获取列表中的每个值及其下标（从0开始）<!DOCTYPE html><html lang="en">...
2019-11-26 16:41:13
110
原创 手把手教你VUE从入门到放弃—— 篇四（组件化思想,全局组件及局部组件）
所谓组件化思想，顾名思义就是化繁为简，把一个整体拆成多个模块，一个模块为一个组件来实现。全局组件:使用Vue.component("组件名",{ props:['属性名'], template:'html模板' });如下图源码如下<!DOCTYPE html><html lang="...
2019-11-26 10:48:45
386
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人