07-Vue

11.前端：vue

实现电商购物车01-Vuejs介绍02-Vuejs-快速下载和安装03-Vuejs实操系列04-Vuejs实操系列-插值表达式05-Vue基础篇-生命周期钩子06-Vue内置指令-事件指令-v-on指令-点击事件07

CJ-小门·2023-09-15 17:26

07-Vue基础之综合案例——小黑记事本

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录实现功能小黑记事本代码模板1.添加功能和列表渲染2.删除功能3.统计任务和清空任务案例总结今天的学习任务是做一个小黑记事本，一个小案例进行练习。经过前几周的学习，相信大家对vue基础知识已经有了大概的了解，复习之前学的知识一起做一个综合案例进行

坠入暮云间x·2023-09-05 01:56

【vue3】07-vue组件之间的通信-父子互传-事件总线

文章目录Vue的组件嵌套Vue组件化-组件间通信父子组件之间通信非父子组件间的通信Vue的组件嵌套前面我们是将所有的逻辑放到一个App.vue中:在之前的案例中，我们只是创建了一个组件App;如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护;所以组件化的核心思想应该是对组件进行拆分，拆分成一个个小的组件;再将这些组件组合嵌套在一起，最终形成我们的应用程序;

SevgiliD·2023-06-09 11:42

07-Vue技术栈之(组件之间的通信方式)

目录1、组件的自定义事件1.1绑定自定义事件：1.1.1第一种方式1.1.2第二种方式1.1.3自定义事件只触发一次1.2解绑自定义事件1.3绑定原生DOM事件1.4总结2、全局事件总线（GlobalEventBus）2.1应用全局事件总线3、消息订阅与发布（pubsub）3.1应用消息订阅与发布前言：组件之间通信的方式有很多种，比如props、自定义事件、全局事件总线、消息订阅与发布、父链与子组

东方青云、·2023-06-07 14:13

第六阶段：大前端进阶||07-Vue详解||P7：Vue双向绑定【观看狂神随笔】

Vue：表单双绑，组件1.什么是双向数据绑定全局性数据流使用单项（vuex），方便跟踪；局部性数据流使用双向(UI控件)，简单易操作。2.在表单中使用双向数据绑定v-model:它能轻松实现表单输入和应用状态之间的双向绑定单行文本：Title{{message}}vardemo=newVue({el:"#app",data:{message:"helloVue"}})多行文本：多行文本：多行文本是

狂野小白兔·2021-09-26 14:11

第六阶段：大前端进阶||07-Vue详解||P6：Vue绑定事件【观看狂神随笔】

前序：1.v-on可以用v-on指令监听DOM事件，并在触发时运行一些JavaScript代码参考：jQuery事件v-on监听事件：事件有Vue的事件、和前端页面本身的一些事件！我们这里的click是vue的事件，可以绑定到Vue中的methods中的方法事件！ClickMevarvm=newVue({el:"#app",data:{message:"助行"},methods:{//方法必须定义

狂野小白兔·2021-09-23 16:02

07-Vue路由vue-router

01-路由入门首页关于我们新闻中心//定义组件//首页constindex=Vue.component('index',{template:'我是首页'})//关于我们constabout=Vue.component('about',{template:'我是关于我们'})//新闻中心constnews=Vue.component('news',{template:'我是新闻中心'})//写路由配

杨杰灬·2021-06-14 05:26

07-Vue分支结构

分支结构v-if使用场景1-多个元素通过条件判断展示或者隐藏某个元素。或者多个元素2-进行两个视图之间的切换如果flag为true则显示,false不显示!varvm=newVue({el:"#app",data:{flag:true}})----------------------------------------------------------ABCNotA/B/CnewVue({el:

解启超·2020-08-12 18:24

学习教程汇总

集群构建高可用解决方案03-SpringCloud微服务实战04-Docker+k8s微服务容器化实践05-基于Python玩转人工智能最火框架TensorFlow应用实践06-ElasticStack从入门到实践07

huangjun2018·2020-08-09 08:24

07-vue移动端项目(搜索结果searchResult页面：路由返回back(),动态传参中取参)

搜索结果searchResult01-页面结构&样式顶部的导航给导航的左侧箭头添加一个点击事件(这个@click-left方法是vant组件中定义的)：在事件中应该回退到上一个页面新闻数据的渲染使用list组件来渲染数据将首页中的结构复制过来，稍作修改{{item.title}}{{item.aut_name}}{{item.comm_count}}评论{{item.pubdate}}注意点：在v

Tangoneone·2020-07-13 01:43

07-Vue - trade model搭建

fromdatetimeimportdatetimefromdjango.dbimportmodelsfromdjango.contrib.authimportget_user_modelfromgoods.modelsimportGoodsUser=get_user_model()classShoppingCart(models.Model):"""购物车"""user=models.Forei

coderST·2020-03-14 10:46

07-Vue 性能优化经验总结

1.慎用deepwatch：第一次遇到性能问题是文件夹数据量稍大时，操作素材会感觉到明显的延迟和卡顿，通过chrome的performance分析发现是使用watch时，配置了deep等于true，由于这个文件系统是个大的tree状对象，每个素材对象又相互引用，导致任何一份数据更新都会通知到这个watcher。复盘分析对比图如下：deep:true,明显延迟卡顿imageimagedeep:fal

我是来学习的2333·2018-10-08 16:50

推荐频道