
vue
文章平均质量分 70
llzkkk12
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
VUE2.0开发环境搭建
VUE概述Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数原创 2017-12-21 00:54:50 · 301 阅读 · 0 评论 -
VUE静态页面helloworld
独立版本CDN BootCDN: https://cdn.bootcss.com/vue/2.2.2/vue.min.js //国内unpkg: https://unpkg.com/vue/dist/vue.js //最新发布cdnjs: https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js vuejs:原创 2017-12-21 00:56:36 · 2590 阅读 · 0 评论 -
VUE指令-列表渲染v-for
v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 itemin items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。v-for="item in items"格式v-for="item in items" --> v0.v-for指令示例(默认方式)原创 2017-12-24 21:56:43 · 912 阅读 · 0 评论 -
Vue-component
组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树。Vue data访问v2.prop属性 v1.局部组件 v0.全原创 2017-12-31 22:12:53 · 767 阅读 · 0 评论 -
VUE指令-事件绑定v-on
可以用 v-on 指令监听 DOM事件,并在触发时运行一些 JavaScript 代码。v-on:event格式v-on:keycode="方法(参数)" --> v3.v-on:keycode="方法(参数)" KeyCode原创 2017-12-27 00:48:10 · 2206 阅读 · 0 评论 -
VUE指令-数据绑定v-model
用 v-model 指令在表单 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 Java原创 2017-12-27 21:52:42 · 1340 阅读 · 0 评论 -
VUE-自定义指令
除了核心功能默认内置的指令 (v-model 和 v-show),Vue也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,当页面加载时,该元素将获得焦点 (注意:autofocus 在移动版 Safari 上不工作)。事实上,只要你在打开这个页面后还原创 2017-12-27 21:56:21 · 387 阅读 · 0 评论 -
VUE-计算属性
computed/methods两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。computed/methods计算属性computed/m原创 2017-12-27 23:53:12 · 374 阅读 · 0 评论 -
VUE-实例对象
当一个Vue 实例被创建时,它向 Vue 的响应式系统中加入了其data 对象中能找到的所有的属性。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。Vue data访问//我们的数据对象var data = { a:1 }// 该对象被加入到一个 Vue实例中var vm = newVue({ data: data})// 他们原创 2017-12-28 01:22:04 · 402 阅读 · 1 评论