07 2017 档案
摘要:本文为转载,原文:Vue学习笔记进阶篇——Render函数 基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接近编译器。 现在我们打算使用vue
阅读全文
摘要:本文为转载,原文:Vue学习笔记进阶篇——过渡状态Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,比如: 所有的原始数字都被事先存储起来,可以直接转换到数字。做到这一步,我们就可以结合 Vue 的响应式和组件系统,使用第三方库来实现切换元素的过渡状态
阅读全文
摘要:本文为转载,原文:Vue学习笔记进阶篇——列表过渡及其他本文将介绍Vue中的列表过渡,动态过渡, 以及可复用过渡是实现。 列表过渡 目前为止,关于过渡我们已经讲到: 那么怎么同时渲染整个列表,比如使用 v-for ?在这种场景中,使用 <transition-group>组件。在我们深入例子之前,先
阅读全文
摘要:本文为转载,原文:Vue学习笔记进阶篇——多元素及多组件过渡 多元素的过渡 对于原生标签可以使用 v-if/v-else.但是有一点需要注意: 当有相同标签名的元素切换时,需要通过 key 特性设置唯一的值来标记以让 Vue 区分它们,否则 Vue 为了效率只会替换相同标签内部的内容。即使在技术上没
阅读全文
摘要:本文为转载,原文:Vue学习笔记进阶篇——单元素过度 概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库,如 Animate.css在过渡钩子函数中使用 JavaScript
阅读全文
摘要:本文为转载,原文:Vue学习笔记入门篇——组件杂项 动态组件 通过使用保留的 <’component’> 元素,动态地绑定到它的 is 特性,我们让多个组件可以使用同一个挂载点,并动态切换: 运行结果: 在控制台中修改app.currentView的值,界面会动态发生改变。如果把切换出去的组件保留在
阅读全文
摘要:介绍 为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为 内容分发 (或 “transclusion” 如果你熟悉 Angular)。Vue.js 实现了一个内容分发 API,使用特殊的 ‘slot’ 元素作为原始内容的插槽。 编译作用域 在深入内容分发 API
阅读全文
摘要:本文为转载,原文:Vue学习笔记入门篇——组件的通讯 组件意味着协同工作,通常父子组件会是这样的关系:组件 A 在它的模版中使用了组件 B。它们之间必然需要相互通信:父组件要给子组件传递数据,子组件需要将它内部发生的事情告知给父组件。然而,在一个良好定义的接口中尽可能将父子组件解耦是很重要的。这保证
阅读全文
摘要:本文为转载,原文:Vue学习笔记入门篇——组件的使用 组件定义 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形
阅读全文
摘要:文本为转载,原文:asp.net core 实战项目(一)——ef core的使用 数据库设计 数据结构图如下:此次实例比较简单,暂时只设计到上述3张表 SMUser:用于存储用户信息。Role:用于存储角色信息。SMUser_Role:用建立用户和角色关系的一直关联表。 创建项目 开发工具:vis
阅读全文
摘要:本文为转载,原文:Vue学习笔记入门篇——安装及常用指令介绍 介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 安装 CDN
阅读全文
摘要:本文为转载,原文:Vue学习笔记入门篇——数据及DOM 数据 data 类型 Object | Function 详细 Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象(含有零个或多个的ke
阅读全文
摘要:本文为转载,原文:Vue学习笔记目录 Vue介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuer
阅读全文

浙公网安备 33010602011771号