Fork me on GitHub

随笔分类 -  快速入门Vue

让你快速了解入门Vue,并且学完能自己做简单的项目
摘要:1.Vue中Css动画原理 动画执行原理: 动画显示过程 当一个元素被transition包裹,vue会自动分析元素的css样式构建一个流程,如下图: 在动画要执行的一瞬间会往内部标签(这里时div),添加class 为fade enter和fade enter active.当动画第一时间开始执行 阅读全文
posted @ 2020-01-23 21:13 是阿凯啊 阅读(527) 评论(0) 推荐(0) 编辑
摘要:1.Vue中的实例 <div id="exp"> <div @click="handleClick">{{content}}</div> </div> </body> <script> var vm = new Vue({ // el限制一个vue实例的管理范围。 el:"#exp", data:{ 阅读全文
posted @ 2020-01-22 23:50 是阿凯啊 阅读(274) 评论(0) 推荐(0) 编辑
摘要:1.组件使用的细节点1 is属性在tbody中应用 看似上面代码书写没有什么问题,但是打开页面你会看到,如下图: 所有的tr标签都跑到了tbody外面,这是不符合规范的。 那么如何解决这个问题,通过is属性,只需要在原来代码改一下: 原有的html实例不变,这样就可以避免tr标签上升到tbody标签 阅读全文
posted @ 2020-01-22 23:46 是阿凯啊 阅读(1449) 评论(0) 推荐(0) 编辑
摘要:原有设计模式:MVP 新设计模式:MVVM VM层?????? 虚拟dom??? define proxy 模式??? 项目组件化 每个组件就是页面区域。 1.全局组件 2.局部组件 局部组件需要注册 3父组件向子组件传值 父组件通过v bind:xxx="xxx" 绑定要传的值,子组件通过定义通过 阅读全文
posted @ 2020-01-22 23:44 是阿凯啊 阅读(219) 评论(0) 推荐(0) 编辑
摘要:Vue基础篇 7表单输入绑定input 1.基础语法 你可以用 指令在表单 及 v model` 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 注意: 文本 多行文本 在文本区域插值 ( v model` 来代替。 复选框 单个复选框,绑定到布尔值: 多 阅读全文
posted @ 2020-01-19 23:17 是阿凯啊 阅读(2055) 评论(0) 推荐(0) 编辑
摘要:Vue基础篇 8组件基础 component 1.简单示例 组件是可以复用的,这样你在 的作用域中再定义``也是可以的,并且它们彼此之间互不影响。 因为组件是可复用的 Vue 实例,所以它们与 接收相同的选项,例如 、`computed watch methods el` 这样根实例特有的选项。 2 阅读全文
posted @ 2020-01-19 23:13 是阿凯啊 阅读(276) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示