a15180180753的博客

数据绑定：  {{ message }}   //数据绑定       //html绑定   类名绑定：       //类绑定，当isActive为true时类名生效       //多类名绑定，用逗号隔开       //对象类名绑定       //类名数组绑定       //三元运算符类名绑定   样式绑定：   //内联样式绑定

1.vue-resourcemain.js文件import vueResource from 'vue-resource';Vue.use(vueResource);***.vue文件this.$http.get(url).then(response=>{    console.log(response.body);});2.axios***.vue文件import axios from '...

import Vue from 'vue'const bus = new Vue();export default bus;<template> <div id='footer'> <h1>this is footer</h1> <button @click='sendMessage'>给hea...

<template> <div id="index"> <h1>this is index</h1> <my-header></my-header> </div></template><scr

<template> <div id="index"> <h1>this is index</h1> <my-header ref='header'></my-header> <button @click='attack'>触发子组件

<template> <div id="index"> <h1>this is index</h1> <my-header @sendMessage='getMessage'></my-header> </div></temp

<template> <div id="index"> <h1>this is index</h1> <my-footer :index='this'></my-footer> <!--将父组件属性方法传入子组件--> </div

组件创建：组件就是自己定义的标签    //全局组件，任何注册实例均可使用      //局部组件，只可在父模板中可用    Vue.component("hkj",{ //全局组件,所有注册的vue实例均可使用       template: '自定义组件'       })    new Vue({    el:"#app",   

Vue.js路由：个人理解为单页面显示不同组件//cdngo to Foo//映射为a标签，to为hrefgo to bar//显示路由映射的组件1.定义组件const Foo = { template: "this is foo"}const Bar = { template: "this is bar"}2.路由映射组件c

方法绑定    {{reverseMessage}}  new Vue({    el:"#app",    data:{      message:"hello",      a:1,      b:2    },    methods:{   //定义方法对象        fun1:function(){        this.a

keep-alive包裹动态组件时可对该组件进行缓存。propsinclude:字符串或正则表达式，匹配的组件将被缓存。exclude:与include相反<keep-alive>    <component></component> //缓存component</keep-alive><keep-alive include='a'>  ...