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