Vue.js 单元测试

VueCLI拥有开箱即用的通过Jest或Mocha进行单元测试的内置选项。我们还有官方的VueTestUtils提供更多详细的指引和自定义设置。简单的断言你不必为了可测性在组件中做任何特殊的操作,导出原始设置就可以了:<template><span>{{message}}&l

Vue.js 进入/离开 & 列表过渡

概述Vue在插入、更新或者移除DOM时,提供多种不同方式的应用过渡效果。包括以下工具:在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库,如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库,如Velocity.

TypeScript 支持

VueCLI提供了内建的TypeScript工具支持。发布为NPM包的官方声明文件静态类型系统能帮助你有效防止许多潜在的运行时错误,而且随着你的应用日渐丰满会更加显著。这就是为什么Vue不仅仅为Vuecore提供了针对TypeScript的官方类型声明,还为VueRouter和Vuex也提供了相应的

Vue.js 状态过渡

Vue的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,比如:数字和运算颜色的显示SVG节点的位置元素的大小和其他的属性这些数据要么本身就以数值形式存储,要么可以转换为数值。有了这些数值后,我们就可以结合Vue的响应式和组件系统,使用第三方库来实现切换元素的过

Vue.js 模板语法

Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,Vue能够智能地计算出最少需要重新渲染多少组件,

Vue.js 状态管理

类Flux状态管理的官方实现由于状态零散地分布在许多组件和组件之间的交互中,大型应用复杂度也经常逐渐增长。为了解决这个问题,Vue提供vuex:我们有受到Elm启发的状态管理库。vuex甚至集成到vue-devtools,无需配置即可进行时光旅行调试(timetraveldebugging)。在Vu

Vue.js服务端渲染

SSR完全指南在2.3发布后我们发布了一份完整的构建Vue服务端渲染应用的指南。这份指南非常深入,适合已经熟悉Vue、webpack和Node.js开发的开发者阅读。请移步ssr.vuejs.org。Nuxt.js从头搭建一个服务端渲染的应用是相当复杂的。幸运的是,我们有一个优秀的社区项目Nuxt.

单文件组件

介绍观看本节视频讲解在很多Vue项目中,我们使用Vue.component来定义全局组件,紧接着用newVue({el:'#container'})在每个页面内指定一个容器元素。这种方式在很多中小规模的项目中运作的很好,在这些项目里JavaScript只被用来加强特定的视图。但当在更复杂的项目中,或

Vue.js 安全

报告安全漏洞当我们收到一个安全漏洞报告,将给予其最高优先级,并由全职贡献者停下手中的工作处理此事。如发现任何安全漏洞,请邮件给security@vuejs.org。虽然发现新安全漏洞是比较罕见的事,我们仍推荐始终使用最新版本的Vue及其官方的周边库,以确保应用尽可能安全。第一原则:永远不要使用不可信

Vue.js 渲染函数 & JSX

基础Vue推荐在绝大多数情况下使用模板来创建你的HTML。然而在一些场景中,你真的需要JavaScript的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。让我们深入一个简单的例子,这个例子里render函数很实用。假设我们要生成一些带锚点的标题:<h1><aname=

公众号:xxxxxx

微信号:1183820

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×