vue
我爱程序
这个作者很懒,什么都没留下…
展开
-
vue.js是什么
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据原创 2017-03-02 13:51:29 · 720 阅读 · 1 评论 -
vue实例
1、构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的: var vm = new Vue({ // 选项})虽然没有完全遵循 MVVM 模式, Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。在实例化 Vue 时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方原创 2017-03-02 15:09:22 · 244 阅读 · 0 评论 -
vue与自定义元素的关系
你可能已经注意到 Vue.js 组件非常类似于自定义元素——它是 Web 组件规范的一部分。实际上 Vue.js 的组件语法参考了该规范。例如 Vue 组件实现了 Slot API 与 is 特性。但是,有几个关键的不同: Web 组件规范仍然远未完成,并且没有浏览器实现。相比之下,Vue.js 组件不需要任何补丁,并且在所有支持的浏览器(IE9 及更高版本)之下表现一致。必要时原创 2017-03-02 14:51:38 · 263 阅读 · 0 评论 -
vue用组件构建应用
组件系统是 Vue.js 另一个重要概念,因为它提供了一种抽象,让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点,几乎任意类型的应用的界面都可以抽象为一个组件树: 在 Vue 里,一个组件实质上是一个拥有预定义选项的一个 Vue 实例: // Define a new component called todo-itemVue.component('todo-it原创 2017-03-02 14:50:18 · 349 阅读 · 0 评论 -
vue处理用户输入
为了让用户和你的应用进行互动,可以用 v-on 指令绑定一个监听事件用于调用我们 Vue 实例中定义的方法: div id="app-5"> p>{{ message }}p> button v-on:click="reverseMessage">Reverse Messagebutton>div> var app5 = new Vue({ el:原创 2017-03-02 14:35:36 · 409 阅读 · 0 评论 -
vue声明式渲染
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统: div id="app"> {{ message }}div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }}) 已经生成了第一个 Vue原创 2017-03-02 14:17:33 · 1200 阅读 · 0 评论 -
vue.js在visual studio 2017下的安装
1、打开“工具”菜单—>“NuGet 包管理器”—>“管理解决方案 Nuget 的程序包”: 在红色标识的地方输入vue: 2、下载的vue文件如下: 直接下载到项目的Scripts目录下, 在项目中直接应用vue.min.js文件即可。原创 2017-03-02 14:04:35 · 8219 阅读 · 1 评论