不完美的完美

2018年3月14日

摘要：安装 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 不完美的完美阅读(379) 评论(0) 推荐(1)

自定义指令，生产环境部署

摘要：钩子函数一个指令定义对象可以提供如下几个钩子函数 bind ：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置 inserted : 被绑定元素插入父节点时调用（仅保证父节点存在，但不一定已被插入文档中） update : 所在组建的VNode更新调用，但是可能发生在其子阅读全文

posted @ 2018-03-14 15:02 不完美的完美阅读(290) 评论(0) 推荐(0)

过渡&动画

摘要：进入/离开&列表过渡概述 Vue在插入，更新或者移除Dom时，提供多种不同方式的应用过渡效果。包括以下工具在css过渡和动画中自动应用class 可以配合使用第三方css动画库，如Animate.css 在过渡钩子函数中使用JavaScript直接操作DOM 可以配合使用第三方JavaScrip 阅读全文

posted @ 2018-03-14 14:17 不完美的完美阅读(235) 评论(0) 推荐(0)

组件

摘要：全局注册要注册一个全局组件，可以使用 Vue.component('my component', { // 选项 }) 组件注册之后，便可以作为自定义元素` // 注册 Vue.component('my component', { template: 'A custom component!' 阅读全文

posted @ 2018-03-14 12:16 不完美的完美阅读(225) 评论(0) 推荐(0)

2018年3月13日

表单输入绑定

摘要：基础用法 v model指令在表单元素上创建双向数据绑定 v model会忽略所有表单元素的value,checked,selected特性的初始值而总是将vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值复选框 Jack John Mike Check 阅读全文

posted @ 2018-03-13 19:07 不完美的完美阅读(199) 评论(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 不完美的完美阅读(366) 评论(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 不完美的完美阅读(1062) 评论(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 不完美的完美阅读(296) 评论(0) 推荐(0)

2018年1月2日

前端几个知识点

摘要：基本知识 1、DOM结构两个节点之间可能存在哪些关系以及如何在节点之间任意移动 document.documentElement 返回文档的根节点 document.body document.activeElement 返回当前文档中被激活的标签节点（ie） event.formElement 阅读全文

posted @ 2018-01-02 20:03 不完美的完美阅读(455) 评论(0) 推荐(0)

2017年12月28日

vue面试题

摘要： 1、v if（虚拟dom元素）和v show有什么区别？ 1.手段： v if是动态的向DOM树内添加或者删除DOM元素； v show是通过设置DOM元素的display样式属性控制显隐； 2.编译过程： v if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；阅读全文

posted @ 2017-12-28 14:26 不完美的完美阅读(7646) 评论(0) 推荐(0)

不完美的完美

公告