vueJS - 随笔分类(第5页) - 半夏微澜ぺ

vue 快速入门

摘要：vue.js是当下很火的一个javascript MVVM库，它是以数据驱动和组件化的思想构造的，vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用vue.js. 如果之前已经习惯使用jquery操作DOM,学习vue时请先抛开手动操作DOM的思维。因为Vue.js是数据驱阅读全文

posted @ 2017-04-18 10:56 半夏微澜ぺ阅读(205) 评论(0) 推荐(0)

vue中引入jQuery和Bootstrap

摘要：一。引入jQuery 在当前项目的目录下（就是package.json），运行命令 cnpm install jquery --save-dev 这样就将jquery安装到了这个项目中。然后修改webpack.base.conf.js(在build文件下)两个地方： 1：加入 2 在module. 阅读全文

posted @ 2017-03-23 15:11 半夏微澜ぺ阅读(9880) 评论(4) 推荐(1)

vue的学习网址

摘要：Vue官网：http://cn.vuejs.org/v2/guide/index.html 淘宝镜像：http://npm.taobao.org/ Vue-router:https://router.vuejs.org/zh-cn/ Vuex:http://vuex.vuejs.org/zh-cn/ 阅读全文

posted @ 2017-03-23 14:45 半夏微澜ぺ阅读(500) 评论(0) 推荐(1)

vue实例以及生命周期

摘要：1.Vue实例API 1.构造器(实例化) var vm = new Vue({ //选项 | DOM（3） | | el (提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。) | | template (一个字符串模板作为 Vue 实例的标识使用。模板将会替换挂载的元素。挂阅读全文

posted @ 2017-03-23 14:44 半夏微澜ぺ阅读(4518) 评论(0) 推荐(0)

vue 目录结构介绍

摘要：1 初始目录如下： 2 目录结构介绍 bulid:最终帆布的代码存放位置 config：配置目录，包括端口号等 node_modules:npm加载的项目依赖模块 src:z这里是我们要开发的目录，基本上要做的事情在这个目录里面。： assets：放置一些图片，如logo等； components: 阅读全文

posted @ 2017-03-23 14:42 半夏微澜ぺ阅读(767) 评论(0) 推荐(0)

使用vue-cli启动项目出错

摘要：Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。 Vue 只关注视图层，采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。 Vue 阅读全文

posted @ 2017-03-23 11:02 半夏微澜ぺ阅读(7992) 评论(0) 推荐(0)

vue 基础知识随笔

摘要：const ES6的规范定义一个常量 export 相当于 model.export() 就是导出这个对象 //导出的方法放在这里 //ES6d的语法，定义一个方法相当于save:function(){//return sonmething;} vue推荐使用save(){//return so 阅读全文

posted @ 2017-03-23 10:34 半夏微澜ぺ阅读(235) 评论(0) 推荐(0)

git

摘要：版本控制版本控制是一种记录若干文件内容变化，以便将来查阅特定版本修订情况的系统。版本控制系统可以将摸个文件回溯到之前的状态，甚至将整个项目都退到过去某个之间点的状态。你可以比较文件的变化细节，查出最后是谁修改了那个地方，从而导致出现诡异问题，又是谁在何时报告了某个功能缺陷等等。使用版本控制系统通阅读全文

posted @ 2017-03-21 10:02 半夏微澜ぺ阅读(227) 评论(0) 推荐(0)

组件

摘要：渲染后的DOM绑定click事件add().点击组件的局部变量counter+1;this.$emit("increment")触发increment事件，increment事件对应的incrementTotal 什么是组件组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的阅读全文

posted @ 2017-03-15 18:35 半夏微澜ぺ阅读(639) 评论(0) 推荐(0)

表单控件绑定

摘要：你可以用v-model指令在表单控件元素创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，单v-model 本质上不过是语法糖，它负责监听用户的输入事件以更新数据。并特别处理一些极端的例子。 v-model并不关心表单控件初始化所生成的值。因为它会选择vue实例数据来作为阅读全文

posted @ 2017-03-15 11:46 半夏微澜ぺ阅读(551) 评论(0) 推荐(0)

事件处理器

摘要：监听事件可以用v-on指令监听DOM事件来触发一些javascript代码。 demo: 方法事件处理器许多事件处理器的逻辑都很复杂，所以直接把javaScript代码写在v-on指令中是不可行的。因此v-on可以接收一个定义的方法来调用有时也需要在内联语句处理器中访问原生DOM事件，可以用特阅读全文

posted @ 2017-03-15 09:48 半夏微澜ぺ阅读(601) 评论(0) 推荐(1)

列表渲染v-for

摘要：v-for我们用v-for指令根据一组数据的选项列表进行渲染。v-for指令需要以item in items形式的特殊语法，items是源数据数组并且item是数组元素迭代的别名。 demo: 渲染的结果在v-for块中，我们拥有对父作用域属性的完全访问权限。v-for还支持一个可选的第二个参数作阅读全文

posted @ 2017-03-14 17:39 半夏微澜ぺ阅读(5484) 评论(0) 推荐(0)

条件渲染

摘要：v-if demo: <template>中v-if条件组因为v-if是一个指令，需要将它添加到一个元素上。但是如果我们想要切换多个元素呢？此时我们可以把一个<template>元素当做包装元素，并在上面使用v-if。最终的渲染结果不会包含<template>元素。可以使用v-else指令来表阅读全文

posted @ 2017-03-14 16:40 半夏微澜ぺ阅读(713) 评论(0) 推荐(0)

class与style绑定

摘要：数据绑定一个常见需求是操作元素的class列表和内联样式。因为它们都是属性，我们可以用v-bind处理他们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易出错。因此，在v-bind用于class和style时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或者数阅读全文

posted @ 2017-03-13 18:49 半夏微澜ぺ阅读(377) 评论(0) 推荐(0)

vue实例以及生命周期

摘要：Vue实例构造器每一个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的：虽然没有完全遵循MVVM模式，Vue的设计无疑受到了它的启发。因此在文档中经常会使用vm这个变量名表示Vue实例。在实例化Vue时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩阅读全文

posted @ 2017-03-13 18:06 半夏微澜ぺ阅读(281) 评论(0) 推荐(0)

vue 模板语法

摘要：模板语法 Vue.js使用了基于HTML的模板语法，允许开发者声明式将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以可以被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，在应用系统改变时，Vue能够智能计算阅读全文

posted @ 2017-03-13 18:04 半夏微澜ぺ阅读(643) 评论(0) 推荐(0)

计算属性 computed

摘要：计算属性 computed 计算缓存 vs Methods js 这里我们声明了一个计算属性reverseMessage。我们提供的函数将用作属性vm.reversedMessage 的getter。你可以像绑定普通属性一样在模板中绑定计算属性。Vue知道vm.reversedMessage 依赖阅读全文

posted @ 2017-03-13 18:00 半夏微澜ぺ阅读(3285) 评论(0) 推荐(0)

vue watcher

摘要：观察 Watchers 虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的 watcher 。这是为什么 Vue 提供一个更通用的方法通过watch 选项，来响应数据的变化。当你想要在数据变化响应时，执行异步操作或开销较大的操作，这是很有用的。例如：在这个示例中，使用 watch 选项允阅读全文

posted @ 2017-03-13 17:56 半夏微澜ぺ阅读(3178) 评论(0) 推荐(0)

vue 简介

摘要：Vue.js是一套构建用户界面的渐进式框架。采用自底向上增量开发的设计。Vue的核心值关注视图层非常容易与其他库和已有的项目整合。另外，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。 Vue.js的目标是通过尽可能简单地API实现响应式数据绑定和组合的视图组件。声明阅读全文

posted @ 2017-03-13 17:52 半夏微澜ぺ阅读(575) 评论(0) 推荐(0)

vue-cli

摘要：通过<script>标签把vue.js引入进来，就可以使用vue.js了，但是在真正开发一个应用的时候，我们补课避免的会用到一大堆的工具，模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型项目来说是必须的，但是项目初始化将会是一个让人痛苦的事情，这就是为什么我们做了vu 阅读全文

posted @ 2017-03-08 11:39 半夏微澜ぺ阅读(261) 评论(0) 推荐(0)

随笔分类 - vueJS