
vue前端框架
就叫一片白纸
话不多说就是干
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【vue大师晋级之路第一集:Vue基础】第1章——介绍
背景Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。...转载 2018-10-25 19:19:00 · 327 阅读 · 3 评论 -
【vue大师晋级之路第一集:Vue基础】第10章——组件基础
组件基础基本示例这里有一个 Vue 组件的示例:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++"&g...转载 2018-11-02 20:09:49 · 258 阅读 · 0 评论 -
【vue大师晋级之路第一集:Vue基础】第9章——表单输入绑定
表单输入绑定基础用法你可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为...转载 2018-11-02 19:30:27 · 249 阅读 · 0 评论 -
【vue大师晋级之路第二集:深入了解组件】第5章——动态组件 & 异步组件
在动态组件上使用 keep-alive我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件:<component v-bind:is="currentTabComponent"></component>当在这些组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。例如我们来展开说一说这个多标签界面:你会注意到,如果你选择了一...转载 2018-11-09 20:04:54 · 264 阅读 · 0 评论 -
【vue大师晋级之路第二集:深入了解组件】第4章——插槽
插槽内容Vue 实现了一套内容分发的 API,这套 API 基于当前的 Web Components 规范草案,将 < slot> 元素作为承载分发内容的出口。它允许你像这样合成组件:<navigation-link url="/profile"> Your Profile</navigation-link>然后你在 < navigatio...转载 2018-11-09 19:46:04 · 231 阅读 · 0 评论 -
【vue大师晋级之路第二集:深入了解组件】第3章——自定义事件
事件名不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子,如果触发一个 camelCase 名字的事件:this.$emit('myEvent')则监听这个名字的 kebab-case 版本是不会有任何效果的:<my-component v-on:my-event="doSomething"></my...转载 2018-11-09 19:28:58 · 298 阅读 · 0 评论 -
【vue大师晋级之路第二集:深入了解组件】第1章——组件注册
组件注册转载 2018-11-06 18:59:18 · 213 阅读 · 0 评论 -
【vue大师晋级之路第一集:Vue基础】第8章——事件处理
事件处理监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ coun...转载 2018-11-01 19:49:13 · 208 阅读 · 0 评论 -
【vue大师晋级之路第一集:Vue基础】第6章——条件渲染
条件渲染v-if在字符串模板中,比如 Handlebars,我们得像这样写一个条件块:&lt;!-- Handlebars 模板 --&gt;{{#if ok}} &lt;h1&gt;Yes&lt;/h1&gt;{{/if}}转载 2018-10-30 19:41:37 · 153 阅读 · 0 评论 -
【vue大师晋级之路第一集:Vue基础】第5章——Class 与 Style 绑定
Class 与 Style 绑定操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。...转载 2018-10-30 18:52:17 · 184 阅读 · 0 评论 -
【vue大师晋级之路第一集:Vue基础】第7章——列表渲染
用 v-for 把一个数组对应为一组元素我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。<ul id="example-1"> <li v-for="item in items"> {{ item.message }}...转载 2018-10-31 19:59:21 · 205 阅读 · 0 评论 -
【vue大师晋级之路第一集:Vue基础】第3章——模版语法
模板语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果你熟悉虚拟 DO...转载 2018-10-26 19:59:24 · 275 阅读 · 0 评论 -
【vue大师晋级之路第一集:Vue基础】第2章——Vue 实例
创建一个 Vue 实例转载 2018-10-26 19:27:01 · 305 阅读 · 0 评论 -
【vue大师晋级之路第一集:Vue基础】第4章——计算属性和侦听器
计算属性转载 2018-10-29 19:10:50 · 202 阅读 · 0 评论 -
【vue大师晋级之路第二集:深入了解组件】第2章——Prop
PropProp 的大小写 (camelCase vs kebab-case)HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名:...转载 2018-11-07 18:56:29 · 268 阅读 · 0 评论