![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
panpanpanqvq
前端小白
展开
-
华为快应用接入广告
华为快应用接入广告文档: 接入广告文档及dome 华为广告api文档 代码: template:一个隐私协议弹框一个广告弹框 <div class="bgc" if="show == true"></div> <div class="modle" if="show == true"> <div class="modle_head"> <text class="modle_head_tetx">温馨提示</te原创 2022-05-13 18:28:09 · 840 阅读 · 2 评论 -
JS,快应用,前后日期点击组件
js,vue,快应用 前后时间选择点击功能,默认当天时间,左右切换时间原创 2022-05-13 17:59:39 · 372 阅读 · 1 评论 -
vue基础教程06 动画效果
1.淡出淡出 复制代码就可以实现,解释全写在代码里了,我太懒了。。。 <style> /* 在动画的过程中让他的opacity 3s ,时刻监听他 一旦他有了变化,就让他在三秒内慢慢的变 */ .v-enter,.v-leave-to{ opacity: 0; } .v-enter-active,.v-leave-active{ transition: opacity 3s; } /* v-leave是动画第一过程他的原创 2020-12-18 17:00:12 · 103 阅读 · 0 评论 -
vue基础教程05 插槽 动态组件与v-once指令
1.插槽 slot的作用是插槽,Slot显示的内容就是父组件向子组件插入的内容,上面的两个h1标签 代码: <style> .header{ color: turquoise; } .content{ color: red; } .footer{ color: indigo; } </style> <body> <div id="app">原创 2020-12-18 14:57:00 · 117 阅读 · 0 评论 -
vue基础教程04 组件传值
1.父传子 父组件给子组件传递一个count的属性,子组件在props里定义这个属性,tomplate模板里就可以直接用{{count}} <body> <div id="root"> <child count="卢本伟牛逼!"></child> <!-- 父组件给子组件传递一个count的属性,子组件在props里定义这个属性,tomplate模板里就可以直接用{{count}} --> </原创 2020-12-18 14:36:01 · 94 阅读 · 0 评论 -
vue基础教程03
这章来做 动态绑定样式,条件渲染,列表渲染,组件内的细节点 1,动态绑定样式 用了v-bind:class和 :style内联样式的写法,代码里有注释,也可以试着写一下。 <style> .ateion{ color:red; } .lpmsn{ color:turquoise; } </style> <body> <div id="app"> <!-- :clas原创 2020-12-18 14:27:24 · 152 阅读 · 1 评论 -
vue基础教程02
这章做一个TodoList的功能 用到了一些vue的指令如v-model:双向数据绑定,v-on:click点击事件,v-bind用于绑定数据和元素属性 上代码: <body> <div id="app"> <input type="text" v-model="inputvalue"/><!--与data里的inputvalue双向数据绑定--> <button v-on:click="BtnClick">原创 2020-12-18 14:05:01 · 99 阅读 · 0 评论 -
vue基础教程01
1.Vue.js 是什么 Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架! Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发) 前端的主要工作?主要负责MVC中的V这一层;主要工作就是和界面打交道,来制作前端页面效果的MVVM框架; 2.起步 vue中可以使用插值表达式,可以定义组件,组件是HTML元素的扩展,可自定义其数据与行为。例如通过原创 2020-12-18 13:46:20 · 200 阅读 · 0 评论