随笔分类 -  Vue

Vue:渲染、指令、事件、组件、Props
摘要：如果要我用一句话描述使用 Vue 的经历，我可能会说“它如此合乎常理”或者“它提供给我需要的工具，而且没有妨碍我的工作”。每当学习 Vue 的时候，我都很高兴，因为很有意义，而且很优雅。 以上是我对 Vue 的介绍。在我第一次学习 Vue 的时候，我就想要这样的文章 我喜欢 Vue 的一点是它吸取了 阅读全文
posted @ 2018-03-25 21:54 BluesQian 阅读(626) 评论(0) 推荐(1)
vue-购物车
摘要：最终的实现效果： 需求分析： 购物车需要展示一个已加入购物车的商品列表，包含商品名称，商品单价，购买数量和操作等信息，还需要实时显示购买的总价。其中购买数量可以增加或减少，每类商品还可以从购物车中移除。 一：创建一个根元素来挂载Vue实例： 这里将vue.min.js写在<body>的底部，如果写在 阅读全文
posted @ 2017-12-02 10:57 BluesQian 阅读(1078) 评论(0) 推荐(1)
Vue深度学习（6）- 组件
摘要：使用组件 在Vue中，可以用 Vue.extend() 创建一个组件构造器： 要把这个构造器用作组件，需要用 Vue.component(tag, constructor) 注册 ： 在注册之后，组件便可以用在父实例的模块中，以自定义元素 < my-component > 的形式使用。要确保在初始化 阅读全文
posted @ 2017-11-28 21:12 BluesQian 阅读(256) 评论(0) 推荐(0)
Vue深度学习（5）-过渡效果
摘要：简介 通过 Vue.js 的过渡系统，你可以轻松的为 DOM 节点被插入/移除的过程添加过渡动画效果。Vue 将会在适当的时机添加/移除 CSS 类名来触发 CSS3 过渡/动画效果，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。 以 v-transiti 阅读全文
posted @ 2017-11-28 21:01 BluesQian 阅读(251) 评论(0) 推荐(0)
Vue深度学习（4）-方法与事件处理器
摘要：方法处理器 可以用 v-on 指令监听 DOM 事件： Js代码 内联语句处理器 除了直接绑定到一个方法，也可以用内联 JavaScript 语句： Js代码 有时也需要在内联语句处理器中访问原生 DOM 事件。可以用特殊变量 $event 把它传入方法： js代码： 事件修饰符 在事件处理器中经常 阅读全文
posted @ 2017-11-28 20:48 BluesQian 阅读(409) 评论(0) 推荐(0)
Vue深度学习（3）
摘要：基础 Vue.js允许自定义指令，实质上是让你教 Vue一些新技巧：怎样将数据的变化映射到 DOM 的行为。可以使用 Vue.directive(id, definition) 的方法传入指令 id 和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数（全部可选）： bind： 仅调用一 阅读全文
posted @ 2017-11-27 22:37 BluesQian 阅读(220) 评论(0) 推荐(0)
Vue深度学习（2）
摘要：Text 可以在表单的input 元素上使用v-model 指令来创建双向数据绑定。它会根据input元素的类型自动选取正确的绑定模式。 Js代码 其中placeholder为默认显示提示。 渲染为： Checkbox 多个勾选逻辑值，如下代码： Radio select JS代码 参数特性 laz 阅读全文
posted @ 2017-11-27 21:47 BluesQian 阅读(319) 评论(0) 推荐(0)
Vue深度学习（1）
摘要：Hello World 现在就让我们来写第一个vue.js的实例。如下代码： html代码： JavaScript代码: 上面代码中div中的部分 {{ message }}为数据绑定，我们将会在后面的学习中讲到。而vue.js代码是实例化一个Vue对象。在使用vue之前必须要实例化。 构造器 每个 阅读全文
posted @ 2017-11-27 21:28 BluesQian 阅读(409) 评论(0) 推荐(0)
Vue.js 基本语法
摘要：插值 Html 使用 v-html 指令用于输出 html 代码： 属性 HTML 属性中的值应使用 v-bind 指令。 以下实例判断 class1 的值，如果为 true 使用 class1 类的样式，否则不使用该类： 表达式 Vue.js 都提供了完全的 JavaScript 表达式支持。 指 阅读全文
posted @ 2017-11-23 22:47 BluesQian 阅读(286) 评论(0) 推荐(0)
入门vue----（介绍）
摘要：声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统： 我们已经生成了我们的第一个 Vue 应用！看起来这跟单单渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被绑定在一起，所有的元素都是响应式的。我们该如何知道呢？ 阅读全文
posted @ 2017-11-22 22:52 BluesQian 阅读(400) 评论(0) 推荐(0)
入门vue----（vue的安装）
摘要：1.安装node.js 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回车，等待安装... 3.安装全局vue-cli脚手架,用于帮助搭建所需的模 阅读全文
posted @ 2017-11-22 22:30 BluesQian 阅读(240) 评论(0) 推荐(0)