随笔分类 - vue
摘要：选项/数据 data 类型： Object | Function 限制： 组件的定义只接受function var data = { a: 1 } // 直接创建一个实例 var vm = new Vue({ data: data }) vm.a // = 1 vm.$data === data /
阅读全文
摘要：全局配置 Vue.config是一个对象，包含Vue的全局配置 silent 类型：boolean 默认值：false 用法 Vue.config.silent=true 取消Vue所有的日志与警告 devtools 类型：boolean 默认值:true(生成版为false) 用法 // 务必在加
阅读全文
摘要：介绍 我们可以使用预处理器来构建简洁和功能更丰富的组件，比如 Pug，Babel (with ES2015 modules)，和 Stylus。
阅读全文
摘要：安装 NPM npm install vue router 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： import Vue from 'vue' import VueRouter from 'vue router' Vue.use(VueRouter) 如果
阅读全文
摘要：钩子函数 一个指令定义对象可以提供如下几个钩子函数 bind ： 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置 inserted : 被绑定元素插入父节点时调用（仅保证父节点存在，但不一定已被插入文档中） update : 所在组建的VNode更新调用，但是可能发生在其子
阅读全文
摘要：进入/离开&列表过渡 概述 Vue在插入，更新或者移除Dom时，提供多种不同方式的应用过渡效果。包括以下工具 在css过渡和动画中自动应用class 可以配合使用第三方css动画库，如Animate.css 在过渡钩子函数中使用JavaScript直接操作DOM 可以配合使用第三方JavaScrip
阅读全文
摘要：全局注册 要注册一个全局组件，可以使用 Vue.component('my component', { // 选项 }) 组件注册之后，便可以作为自定义元素` // 注册 Vue.component('my component', { template: 'A custom component!'
阅读全文
摘要：基础用法 v model指令在表单 元素上创建双向数据绑定 v model会忽略所有表单元素的value,checked,selected特性的初始值而总是将vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值 复选框 Jack John Mike Check
阅读全文
摘要：监听事件 可以用v on指令监听dom事件，并在触发时运行一些JavaScript代码 Add 1 The button above has been clicked {{ counter }} times. var example1 = new Vue({ el: ' example 1', da
阅读全文
摘要：条件渲染 v if 在字符串模板中，比如 Handlebars，我们得像这样写一个条件块： <! Handlebars 模板 {{ if ok}} Yes {{/if}} 在 Vue 中，我们使用 v if 指令实现同样的功能： Yes 也可以用 v else 添加一个“else 块”： Yes N
阅读全文
摘要：处理用户输入 v on指令添加一个事件监听器 div id="app 5" {{ message }} 逆转消息 var app5 = new Vue({ el: ' app 5', data: { message: 'Hello Vue.js!' }, methods: { reverseMess
阅读全文
摘要：一、vue动画 1、使用transition定义动画 //定义过渡的样式 / 动画刚开始时的状态，动画结束时的状态 / .move enter active,.move leave active{ transition:all 2s; } / 动画过渡的css样式 / .move enter,.mo
阅读全文
摘要：一、组件 1、父组件传递数据到子组件 01、props第一种写法 Vue.component("my component", { props: ['msg'], template: "child component,{{msg}}" }) 02、props第二种写法 Vue.component("m
阅读全文
摘要：一、vue resource使用 vue resourse 在vue中实现发送ajax vue resource和vue之间的关系就相当于jQuery插件和jQuery 1，百度vue resource cnd 复制地址 打开 2，bower install vue resource 1、$http
阅读全文
摘要：写一点废话，昨天敲代码找bug,找了好久都没找到，后来一哥们找到他说，找代码的bug就像男女朋友吵架，女问男你错了没，男说错啦，女再问错哪了，男傻眼了不知道错哪。在找代码的过程中一直知道我错啦就是找不到错哪了，哈哈~~~~~~ 用vue知识点做购物车， <!DOCTYPE html computed
阅读全文
摘要：一、vue的事件处理 1、vue的自带事件修饰符 （1）、prevent阻止事件的默认行为 </form （2）、stop阻止事件的冒泡 （3）、once绑定只执行一次的事件 点击 （4）、self 当且仅当事件是由自身触发时才会触发事件回调函数 三、计算属性 new Vue({ el:"", da
阅读全文
摘要：一、v bind绑定class 1、对象的形式 数组形式绑定class 二、绑定style样式 1、对象的形式绑定样式 html结构 vue对象 new Vue({ el: ".box", data: { styleObj: { width: "200px", height: "200px", ba
阅读全文
摘要：一、什么是vue 是一个mvvm模型的js框架（m model v view） model本质上来说就是数据 view就是视图（及最终展现给客户的页面） mv model view(由数据驱动视图) vm view model(由视图通过事件更新数据) 特点是 1、简单上手容易 2、比较的轻量级（相
阅读全文