vue 學習筆記（二）

正在進行的工作：

}

已完成的工作：

}

vue **：

正在進行的工作：

}

已完成的工作：

}

storage模組化元件:

//快取的功能（返回json資料型別）

let storage=,
getstorage(key),
clearitem(),
removeitem(key)
}export default storage;

元件的宣告

}

vue中非父元件之間的傳值

在vue中非父子元件之間傳值可以使用非父之間的通訊 $emit $on

import vue from 'vue'

let vue=new vue();
export default vue;
給news傳資料
給home傳資料

import vue from 'vue'

require("./mock/mock");
import home from './component/home.vue'
import news from './component/news.vue'
//配置vue-resource
import vueresource from 'vue-resource'
// 匯入
import vuerouter from 'vue-router'
// 使用
vue.use(vuerouter);
// 配置
const routes =[
, ]//例項化
const router=new vuerouter();
//掛載
new vue();
//vue **
home
news

import vue from 'vue';

import vuerouter from 'vue-router'
import home from '../component/home.vue'
import news from '../component/news.vue'
import detail from '../component/newsdetail.vue'
import myinfo from '../component/my.vue'
import login from '../component/login.vue'
vue.use(vuerouter);
//配置 path 路徑 component 元件 name :名稱 children（子路由）
const router = new vuerouter(, ,,,
,],
mode: "history"//修改路由路徑的模式location
});

//直接跳轉到homd元件

this.$router.push("home");
//也可以通過路徑來跳轉
this.$router.push();
//也可以通過路徑跳轉傳參
？？？？params傳值傳不過去this.$router.push( });
//也可以通過路徑跳轉傳參
this.$router.push( })

const routes =[

, ]
},, 
]

import vue from 'vue'

//配置vue-resource
import vueresource from 'vue-resource'
//使用外掛程式
vue.use(vueresource);
new vue()

或者：import vue from 'vue'

//配置vue-resource

import vueresource from 'vue-resource'

import vuerouter from 'vue-router'

import axios from 'axios'

require("./mock/mock");

vue.prototype.$axios=axios;

//使用外掛程式

vue.use(vueresource,vuerouter);

new vue()

Vue學習筆記二

事件修飾符 統一的js new vue methods btnhandler linkclick stop事件 class inner click div1handler type button value 戳他 click.stop btnhandler div prevent事件 href cl...

Vue學習筆記（二）

2 迴圈 3 計算屬性 條件判斷使用v if指令 v if seen 看到了p div newvue script v if指令根據表示式的值 在這裡是seen 決定是否插入 可以使用v else新增乙個else塊 v if math.random 0.5 1div v else 2div div ...

Vue學習筆記（二）

條件判斷使用v if指令 v if指令根據表示式的值 在這裡是seen 決定是否插入 可以使用v else新增乙個else塊 2v else以及v else if必須跟在v if或者v else if之後。也可以根據v show展示元素 迴圈使用v for，格式為 a in b，其中a是b中的每乙個...