Vue
微子细
少就是多,慢就是快,输就是赢。
展开
-
Vue基础
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.入门1.1 相关网址1.入门为什么要学框架?使用框架,能够提高开发的效率。vue核心:数据驱动,避免手动操作DOM元素框架:框架是一套完整的解决方案,侵入性较大!库:如Jquery ,侵入性小。主流框架:Vue.js...原创 2019-07-18 15:43:50 · 119 阅读 · 0 评论 -
Vue介绍
本文代码均源自Vue.js官方文档:https://cn.vuejs.org/v2/guide/非商业用途自由转载,保持署名,注明出处!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...转载 2019-07-29 11:14:27 · 100 阅读 · 0 评论 -
【Vue】动画
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.基础1.1 过渡1.2 位移2.动画1.基础动画主要分进入和离开两个阶段,每个阶段又存在3个状态,比如刚进入,进入过程,进入结束。需要结合CSS的内容。基本的设置淡入淡出的效果。首先,在css中进行设置,刚进入和离开结束的...原创 2019-08-02 16:38:13 · 161 阅读 · 0 评论 -
Vue指令
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.系统指令1.1 插值表达式{{}}1.2 v-cloak1.3 v-text1.4 v-html1.5 属性绑定机制1.6 事件绑定机制1.7 举例:跑马灯效果1.系统指令1.1 插值表达式{{}}每个绑定都只能包含单个表...原创 2019-07-30 22:34:42 · 110 阅读 · 0 评论 -
【Vue】组件的定义与切换
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.定义2.使用methods和data3.切换组件3.1 方法1:v-if和v-else3.2 方法2:绑定:is3.3 方法3:设置动画且绑定:is4.小结1.定义1.定义模板;<template id="mytemp...原创 2019-08-06 13:48:24 · 157 阅读 · 0 评论 -
【Vue】组件传值
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.定义1.1 父传子data1.2 父传子方法1.3 子传父参数1.4 子传父data、方法2.小结1.定义Vue实例是父组件,其余是子组件,组件间需要通过传值。1.1 父传子data需求1:将父代中的data传入子代...原创 2019-08-07 10:18:53 · 139 阅读 · 0 评论