在路上...Try Fly

vue2.0后transition也有了一些改动 1.0时：<p transition="fade"></p>.fade-transition{}.fade-enter{}.fade-leave{}2.0后：<transition name="fade"> 运动东西(元素，属性、路由....)</transition>class定义:.fade-enter{} //初始状态.

Vue.js 加vue-router 创建单页应用配置组件和路由映射，vue-router 渲染。 <div class="box"> <div class="nav"> <ul> <!-- <router-link>一级路由组件来导航，to跳转路径，页面自动渲染成<a> --> <li c

slot标签： 想向封装好结构的组件中插入内容，需要借助<slot></slot> 在组件之中进行关联：如 模板中：<slot name='txt'></slot> 组件调用中：<p slot='txt'></p> 注：如果只有slot上面每一定义name属性，则只能有一个slot<div class='box'> <com> <p slot='txt'></p>

组件：组件可以拓展html元素，封装可以调用的代码。组件是可自定义的。 注：组件要先注册，在初始化根实例；组件之间的数据是以函数的形式返回的，如：data(){ return{ data:'data' }}全局组件： Vue.component(‘组件名称’，{ ‘模板’： ‘html结构’， template : “#p”，

每一个vue实例在创建之前都需要一系列的初始化过程，如实例需要数据观测（data observer），编译模板，挂载实例到DOM上，以及数据更新和DOM渲染。 create（创建）： beforeCreate 创建前 ； created 创建结束 mount（挂载）： beforeMount ；mounted update(更新)： beforeUpdate；Updated

vue在进行动态数据交互时需要借助vue-resource模块中的$http。所以需要引用vue-resource.js和vue.js语法： get 请求： 语法： this.$http.get('url',{参数列表}).then(function(res){ 处理请求成功的情况 res 是

vue2.0后，过滤器都需要自定义了。过滤器分为全局过滤器和局部过滤器。 1.全局过滤器： 全局过滤器： 语法：Vue.filter( '过滤器名称'，function(val){ val 是原始数据，即需要过滤的数据 处理数据后的数据用return返回 如：return "$"+val

<script src="vue.js"></script> // 引入vue.js<script>new Vue({ el : ".box", //选择器 data : { msg : "hello vue", msg1 : 18, msg2 : true, msg3 : [1,2,3,4], ms

<input value="增加" @click='increase'><div>当前数字:{{ count }}<div>import { mapGetters,mapActions } from 'vuex'computed:mapGetters([ 'cout'])methods:mapActions([ 'increase'])Vue.use(vuex)var state

同级组件传递可以使用单一事件管理来完成： 注意：this作用域的问题 var Event=new Vue(); Event.emit(事件名称,数据)Event.emit(事件名称, 数据) Event.on(事件名称,function(data){ //data }.bind(this)); var

1.Vuejs组件 vuejs构建组件使用Vue.component(‘componentName’,{ /component/ })； 这里注意一点，组件要先注册再使用，也就是说：Vue.component('mine',{ template:'#mineTpl', props:['name','title','city','content']