![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 70
llzkkk12
这个作者很懒,什么都没留下…
展开
-
VUE2.0开发环境搭建
VUE概述 Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数原创 2017-12-21 00:54:50 · 226 阅读 · 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 · 2491 阅读 · 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 · 823 阅读 · 0 评论 -
Vue-component
组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树。 Vue data访问 v2.prop属性 v1.局部组件 v0.全原创 2017-12-31 22:12:53 · 673 阅读 · 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 · 2120 阅读 · 0 评论 -
VUE指令-数据绑定v-model
用 v-model 指令在表单 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 Java原创 2017-12-27 21:52:42 · 1228 阅读 · 0 评论 -
VUE-自定义指令
除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,当页面加载时,该元素将获得焦点 (注意:autofocus 在移动版 Safari 上不工作)。事实上,只要你在打开这个页面后还原创 2017-12-27 21:56:21 · 310 阅读 · 0 评论 -
VUE-计算属性
computed/methods两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。 computed/methods 计算属性computed/m原创 2017-12-27 23:53:12 · 287 阅读 · 0 评论 -
VUE-实例对象
当一个Vue 实例被创建时,它向 Vue 的响应式系统中加入了其data 对象中能找到的所有的属性。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。 Vue data访问 // 我们的数据对象 var data = { a: 1 } // 该对象被加入到一个 Vue 实例中 var vm = newVue({ data: data }) // 他们原创 2017-12-28 01:22:04 · 333 阅读 · 1 评论