随笔分类 -  vue

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

上一页 1 2 3