zhishaofei3

2017年2月7日

摘要： Vue.component('parent', { template: '', props: ['message1'] }); new Vue({ el: '#example', data: { messageasdasdasdasd: 'wo ... 阅读全文

posted @ 2017-02-07 17:14 zhishaofei3 阅读(1256) 评论(0) 推荐(0)

组件之间使用Prop传递数据

摘要：阅读全文

posted @ 2017-02-07 15:37 zhishaofei3 阅读(835) 评论(0) 推荐(0)

2017年2月4日

vue学习笔记样式 class style（五）

摘要：使用v-bind数据绑定class和style，v-bind:class可以与传统的class属性共存，其中可以用{}设置多个class，根据条件判断的语法是class名:条件，带-的class名需要额外加引号，如果想输出变量的值，用[]把变量括起来，变量也可以使用计算属性。内联样式使用v-bin 阅读全文

posted @ 2017-02-04 12:27 zhishaofei3 阅读(356) 评论(0) 推荐(0)

vue学习笔记计算属性（四）

摘要：计算属性就是vue实例里的computed属性，对应一个对象，里面可以放各种方法，方法的作用就是可以生成和数据变量对应的计算后的变量，跟数据相关的复杂逻辑变量，都可以使用计算属性实现，computed里的函数名，对外就是一个变量，默认是getter。如果想用setter，也可以手动添加。 Vue实阅读全文

posted @ 2017-02-04 10:50 zhishaofei3 阅读(2358) 评论(0) 推荐(0)

vue学习笔记模板语法（三）

摘要：最基本的功能就是输出普通文本和HTML文本：分别是v-text(也可以用{{}})，v-html 但是这些都是会双向绑定的，如果只想渲染一次，就用v-once 另外，也可以在Mustache里用表达式做一些简单的条件判断。指令是一些和显示和用户输入相关逻辑判断，比如v-if v-show等等如果阅读全文

posted @ 2017-02-04 10:28 zhishaofei3 阅读(283) 评论(0) 推荐(0)

2017年2月3日

vue学习笔记实例（二）

摘要：创建Vue的根实例就是 var vm = new Vue({ // 选项 }) 选项有很多种比如可以传入需要操作的DOM元素（挂载元素），传入data数据，模板，设置方法，生命周期钩子等等 http://cn.vuejs.org/v2/api/#选项-数据实例上有$符号开头的一些变量，是vue 阅读全文

posted @ 2017-02-03 18:29 zhishaofei3 阅读(229) 评论(0) 推荐(0)

vue学习笔记概述（一）

摘要： vue里最常见的最普遍的用法应该是下面把所有使用方法尽可能列出来方便一目了然的参考用法如果想输出data里的message的值，就可以在模板里使用{{message}}来直接输出文本 input的value可以用<input v-model="question">把question绑定到阅读全文

posted @ 2017-02-03 17:22 zhishaofei3 阅读(294) 评论(0) 推荐(0)

2016年11月14日

Babel指南——基本环境搭建

摘要： ECMAScript的现状 ECMAScript，本身是一个脚本语言的设计规范，基于此规范，有许多为人熟知的语言，如JavaScript、ActionScript等。而时至几年前，随着Node.js的出现，以及HTML5带来的诸多新WebAPI，让JavaScript一下子提升到一个无比重要的位置。阅读全文

posted @ 2016-11-14 13:45 zhishaofei3 阅读(2645) 评论(0) 推荐(0)

手动es6编译es5（命令行）

摘要： package.json:"devDependencies": { "babel-cli": "^6.18.0", "babel-core": "^6.18.2", "babel-plugin-transform-es2015-arrow-functions": "^6.8.0", "babel-p 阅读全文

posted @ 2016-11-14 13:26 zhishaofei3 阅读(726) 评论(0) 推荐(0)

2016年8月3日

TrimPath - Js模板引擎

摘要：当页面中引用template.js文件之后，脚本将创建一个TrimPath对象供你使用。得到页面中Id为elementId的DOM组件的InnerHTML，将其解析成一个模板，这个返回一个templateObject对象，解析出错时将抛出一个异常。 optionalDocument一个可选参数，在阅读全文

posted @ 2016-08-03 15:41 zhishaofei3 阅读(266) 评论(0) 推荐(0)

任何事情都是从复杂到简单

公告