不完美的完美

2018年3月16日

摘要：全局配置 Vue.config是一个对象，包含Vue的全局配置 silent 类型：boolean 默认值：false 用法 Vue.config.silent=true 取消Vue所有的日志与警告 devtools 类型：boolean 默认值:true(生成版为false) 用法 // 务必在加阅读全文

posted @ 2018-03-16 14:46 不完美的完美阅读(853) 评论(0) 推荐(0) 编辑

单文件组件（single-file components）

摘要：介绍我们可以使用预处理器来构建简洁和功能更丰富的组件，比如 Pug，Babel (with ES2015 modules)，和 Stylus。阅读全文

posted @ 2018-03-16 11:10 不完美的完美阅读(857) 评论(0) 推荐(0) 编辑

2018年3月14日

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 不完美的完美阅读(342) 评论(0) 推荐(1) 编辑

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

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

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

过渡&动画

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

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

组件

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

posted @ 2018-03-14 12:16 不完美的完美阅读(186) 评论(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 不完美的完美阅读(179) 评论(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 不完美的完美阅读(312) 评论(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 不完美的完美阅读(1026) 评论(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 不完美的完美阅读(252) 评论(0) 推荐(0) 编辑

不完美的完美

公告