VueJs
He110_Wr0ld
一直想当大厨的和歌神的IT Dog
展开
-
【VueJS】VueJs---表单输入绑定
基础用法你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、chec...转载 2018-08-14 08:58:02 · 393 阅读 · 0 评论 -
【VueJS】VueJS---渲染函数 & JSX
基础Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接近编译器。 <h1> <a name="hello-world" href="#hello-world"> Hello world! <...转载 2018-08-21 09:20:03 · 418 阅读 · 0 评论 -
【VueJS】VueJS---处理边界情况
访问元素 & 组件在绝大多数情况下,我们最好不要触达另一个组件实例内部或手动操作 DOM 元素。不过也确实在一些情况下做这些事情是合适的。访问根实例在每个 new Vue 实例的子组件中,其根实例可以通过 $root 属性进行访问。例如,在这个根实例中: // Vue 根实例new Vue({ data: { foo: 1 }, compute...转载 2018-08-20 09:25:48 · 325 阅读 · 0 评论 -
【VueJS】VueJS--动态组件 & 异步组件
在动态组件上使用 keep-alive我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件: <component v-bind:is="currentTabComponent"></component> 当在这些组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。例如我们来展开说一说这个多标签界面:...转载 2018-08-20 09:08:45 · 519 阅读 · 0 评论 -
【VueJS】VueJs---Prop
Prop 的大小写 (camelCase vs kebab-case)HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名: Vue.component('blog-post', { // 在 Ja...转载 2018-08-16 10:40:01 · 166 阅读 · 0 评论 -
【VueJS】VueJs---组建注册进阶
组件名在注册一个组件的时候,我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了: Vue.component('my-component-name', { /* ... */ }) 该组件名就是 Vue.component 的第一个参数。你给予组件的名字可能依赖于你打算拿它来做什么。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的...转载 2018-08-16 10:38:38 · 196 阅读 · 0 评论 -
【VueJs】VueJS----组件基础
组件基础 基本示例 这里有一个 Vue 组件的示例: // 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button ...转载 2018-08-16 09:14:02 · 246 阅读 · 0 评论 -
【VueJS】VueJS---事件处理
监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。示例: <div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{...转载 2018-08-13 13:46:04 · 148 阅读 · 0 评论 -
【VueJS】VueJS---列表渲染
当 Vue.js 用 v-for 正在更新已渲染过的元素列表时,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序, 而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。这个类似 Vue 1.x 的 track-by="$index" 。这个默认的模式是高效的,但是只适用于不依赖子组件状态或临时 DOM 状态 (例如:表单...转载 2018-08-13 11:30:55 · 192 阅读 · 0 评论 -
【VueJS】VueJS-Class 与 Style 绑定
Class 与 Style 绑定操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。绑定 HTML Class...转载 2018-08-13 10:26:18 · 358 阅读 · 0 评论 -
【VueJS】VueJS----计算属性和侦听器
计算属性和侦听器计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example"> {{ message.split('').reverse().join('') }}</div> 在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意...转载 2018-08-12 18:06:14 · 175 阅读 · 0 评论 -
【VueJS】VueJS入门Hello World
介绍Vue.js 是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。如果你想在深入学习 Vue 之前对它有更...转载 2018-08-12 16:56:46 · 411 阅读 · 0 评论 -
【Javascript】学习指南
【JS面试必知】值与引用 - 了解如何复制对象,数组和函数并将其传递到函数中。知道引用是被复制的内容。通过复制值来了解复制和传递基元。 范围 - 了解全局范围,功能范围和块范围之间的差异。了解哪些变量可用于何处。了解JavaScript引擎如何执行变量查找。 提升 - 了解变量和函数声明被提升到可用范围的顶部。了解函数表达式未被提升。 闭包 - 知道函数保留对其创建范...转载 2018-08-07 10:02:21 · 911 阅读 · 0 评论