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 · 1042 阅读 · 2 评论 -
JS，快应用，前后日期点击组件
js，vue，快应用 前后时间选择点击功能，默认当天时间，左右切换时间原创 2022-05-13 17:59:39 · 413 阅读 · 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 · 123 阅读 · 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 · 143 阅读 · 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 · 118 阅读 · 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 · 170 阅读 · 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 · 125 阅读 · 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 · 224 阅读 · 0 评论