![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
zkelm.com
这个作者很懒,什么都没留下…
展开
-
学习小程序开发定制计划第56天,Vue实例(购物车实现)
今天学习了下vue,跟着教程做了一个实例, 分享给大家一起学习。讲解一下思路:1.所有的数据都存在一个数组中,services:[ { name:'汉堡包', price:300, active:false }, { name:'薯片', price:200, active:false }, { name:'可乐鸡肉块', pric原创 2021-08-31 00:41:58 · 146 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第23天(relative和absolute的区别)
定位:绝对定位 absolute ,和相对定位relative 最大的区别最大的区别就是: relative 在位移的适合,没有脱离文档流,还会占据着以前的位置<style> #son1{ width:100px;height:100px;background:pink; } #son2{ width:100px;height:100px;background:yellow; position:relative;left:105px; } #son3{ width:10原创 2020-06-14 10:38:47 · 189 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)第16天(addEventListener)
不知不觉堕落了一周多多, 现在重新开始!一个Js的事件监听代码 (addEventlistenter)Element.addEventListener(“click”,myfunction);<div id="app">www.zkelm.com</app><button id="mybtn">更改内容</button><script> document.getElementById("mybtn").addEventListen原创 2020-05-26 03:44:30 · 597 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)第15天(javascript操作Dom)
javascript操作Dom元素 增删操作在(小程序开发:www.zkelm.com)以后必然是前端的天下 ,前端则必不可少的要使用到javascript ,大量的框架封装,其实都离不开原生的javascript框架只是为了便捷我们操作而已。1.javascript添加Dom元素方法大致如下<div id="mydiv"></div><script> //1.先createElement 一个元素pvar para=document.createElem原创 2020-05-12 02:42:29 · 231 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)第14天(自定义指令directive钩子函数)
一个人如果闭上眼睛,走100米他都走不到,甚至会跌倒。 而睁开眼睛就可以很轻松做到,为什么呢? 缺少反馈机制。睁开眼睛你可以不断的接收到正确的反馈,从而你可以很轻松的走到目标,所以应该项目也是如此,一个好的计划必须要有每一步的反馈,这样子你才可以坚持走的下去,否则你到一半的时候就会犹豫甚至回头。内心的天平左右摇摆.本章知识点:Vue自定义指令directive 钩子函数挑战百日学习计划(小程序开发 www.zkelm.com)每天进步1% 热爱学习无法自拔 哈哈1.常用的Vue指令包含:v-mo原创 2020-05-10 02:02:08 · 265 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)第13天(自定义指令:directive)
前几天卡在一个知识点上,确实也没研究出来,无法透切,先由易到难吧,循环渐进,这个确实就是自学的最大问题, 碰到问题有时候一卡就是几天。前几天谈了一单。是一个美女做美容业的,准备(开发小程序:www.zkelm.com) 对方对我挺信任,感觉也挺好玩的. 废话不多说努力吧今天的知识点:Vue之 自定义指令 directiveVue 允许注册自己的指令 V-???? v-on v-bind v-model代码如下:<div id="app"> <p>注册dir原创 2020-05-09 01:43:59 · 380 阅读 · 2 评论 -
挑战百日学习计划(小程序开发)-第12天(Vue 自定义事件)
最近心得:如果你发现一个目标很大,你就要开始分步骤去分化它,把它分成很多小分, 一份份的完成,这样子你就会能坚持下去。 及时反馈机制是多巴胺分泌的最佳动力,所以。碰到大问题不要慌。 把他们分割!本章知识点:父元素传递参数到子元素 使用的是 props[] ,但是如果子元素要把数据传输到父元素,就要使用自定义事件。我们可以使用V-on 绑定自定义事件,每个Vue实例都实现了事件接口看了一天...原创 2020-05-08 02:17:09 · 223 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)-第11天(Vue 动态组件 Prop)
Vue动态props 如何实现动态的输入,并在component里面显示, 使用的办法是 v-bind 而 v-model绑定的必须是双向绑定<div id="app"> <input type="text" v-model:value="promsg"/> <zkelm v-bind:message="propmsg"></zkelm&g...原创 2020-05-04 02:46:50 · 826 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)-第10天(Vue组件component 组件传值)
每天进步1%。虽然公司已经有了,团队也有几个人,订单接了有15w左右,收款10w。为了把团队更好的带向 单片机,万物物联网的环境, 小团队也要有梦想。 所以我准备学习百日,从前端切入,再进入ai 和单片机等领域. 以下都是我每一天的学习小节点, 虽然简单, 但是温故而知新。就当复习吧Vue组件传值:props[] props:[‘message’]prop是子组件用来接收父组件传...原创 2020-05-03 16:46:17 · 954 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)-第9天(Vue组件component)
打卡:第9天 .今日心得:复杂的问题必须要分步完成,才可以化繁为简。一个知识点如果不理解透彻,会造成很多误区。最终就会被丢弃记忆每天进步1%,热爱学习不能自拔!虽然知识点不是很高深,但是先稳固基础的知识。循环渐进.争取在100天内能实现技术的质变!最终能实现(小程序开发:www.zkelm.com)的目标、今天的主题:Vue之 组件component1.component的创建(组件 既一个...原创 2020-05-03 04:02:11 · 255 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)-第8天(Vue表单)
打卡:第八天 .每天进步1%,热爱学习不能自拔!虽然知识点不是很高深,但是先稳固自己的知识。循环渐进.争取在100天内能实现技术的质变!最终能实现(小程序开发:www.zkelm.com)的目标Vue表单的理解:<div id="app"> <form action="#" method="get"> <textarea v-model="Mytex...原创 2020-05-02 02:40:40 · 262 阅读 · 0 评论 -
挑战百日学习计划(小程序开发)-第7天(v-on)
每天进步1%。 争取把知识点进行一个消化理解通透。为了能学会小程序开发,并顺利发展自己的公司,决心学习前端开发技术。 恶补知识点。争取在100天内能实现技术的质变!今天的知识点:vue v-on 的事件绑定: 绑定的对象有 submit click<div id="app" v-on:submit="divfun"> <form action="" v-on:subm...原创 2020-05-01 12:20:02 · 499 阅读 · 2 评论 -
挑战百日学习计划(小程序开发:www.zkelm.com)-第六天(v-for)
挑战百日学习计划,为自己做 【小程序开发:www.zkelm.com 】做技术积累,人没有梦想不足于慰平生。 准备先攻克前端,后进军ai 和单片机 ,以下都是我一个一个代码敲的实例, 希望对大家有帮助,写得不是很好 ,大神请飘过Vue v-for 循环 (常用于循环 数组 or 对象 )1.循环数组<div id="app"> <ul> ...原创 2020-04-29 21:35:28 · 261 阅读 · 0 评论 -
挑战百日学习计划[小程序开发]-第五天
为了能学会小程序开发,并顺利建立自己的工作室,决心学习前端开发技术。 恶补知识点。争取在100天内能实现技术的质变!今天的学习的知识点是:VUE v-if v-show代码如<div id="app"> <p v-show="vshow">这里是V-show</p> <button v-on:click="btnshow"&...原创 2020-04-29 03:49:22 · 338 阅读 · 0 评论 -
挑战小程序开发百日学习计划(第四天) V-bind:style
挑战百日学习计划,为自己做小程序开发做技术积累,人没有梦想不足于慰平生。 准备先攻克前端,后进军ai 和单片机 ,以下都是我一个一个代码敲的实例, 希望对大家有帮助,写得不是很好 ,大神请飘过Vue之 Class操作 stylev-bind:style=“{对象}/数组”实例:v-bind:style=“objectstyle”<script> new Vue({ ...原创 2020-04-27 19:52:36 · 331 阅读 · 0 评论 -
挑战百日学习计划(Vue)_v-bind:class
样式绑定分两种:v-bind:class =“”v-bind:style=“”表达式的结果可以是数组也可以是对象,但是都是vue中的变量直接定义class的名字则不生效一:对象赋值<html><head><style>.active{ width:100px; height:100px; backgroud:Red;}...原创 2020-04-27 02:42:05 · 222 阅读 · 0 评论 -
watch监听的使用,监听变量(zkelm.com)
watch监听:当变量发生变化的时候就会自动触发 watch事件可以在watch 里面写入function 处理事件watch 只能监听变量吗? 可以做变量的调用统计,是否能做function的调用统计呢?<html><div id="app"> <input type="text" name="username" v-model:value="Myv...原创 2020-04-26 01:07:14 · 351 阅读 · 0 评论 -
v-model 双向数据绑定实例(www.zkelm.com)
V-model 双向数据绑定 常用于value的值的绑定 <html> <div id="app"> <input type="text" v-model:value="My_val"> <p>当前My_val的值:{{Myval}}</p> ...原创 2020-04-24 16:48:13 · 170 阅读 · 0 评论 -
v-bind属于单项绑定,常用语属性等不支持修改的数据绑定
Vue之绑定数据 v-bind v-on v-model 区别简单说:v-bind 是单项绑定, 而 v-model 是双向绑定 看实例v-bind:单项绑定<html><div id="app"><input type="text" v-bind:value="Myvalue"><p>Input绑定的值Value={{My...原创 2020-04-24 14:09:29 · 626 阅读 · 0 评论 -
从今天开始学习 Vue 坚持做笔记
Vue的模式如下:<html> <p> {{message}} </p></html>new Vue({ el:"app", data:{ message:"你好Vue!"; }})```原创 2020-04-23 14:25:19 · 136 阅读 · 0 评论