// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router'
import Bmob from "hydrogen-js-sdk"
Vue.config.productionTip = false
//初始化
Bmob.initialize("99707c10d793802884aed15928875f7d", "f2b754f430ec3f5a527538956242d918");
// 挂载到全局使用
Vue.prototype.Bmob = Bmob
Vue.use(VueResource)
Vue.use(VueRouter)
//全局API，自定义指令和过滤器等
//自定义指令
//Vue.directive('rainbow',{
//把rainbow绑定
//el绑定的元素，binding可以拿到绑定的参数
// bind(el,binding,vnode){
// el.style.color = "#"+Math.random().toString(16).slice(2,8);
// }
//})
Vue.directive('theme',{
//v-theme:column="'narrow' 拿值 .value
bind(el,binding,vnode){
if(binding.value == 'wide'){
el.style.maxWidth = "1260px";
}else if(binding.value == 'narrow'){
el.style.maxWidth = "560px";
}
//v-theme:column="'narrow' 拿参数 .arg
if(binding.arg == 'column'){
el.style.background = "#6677cc";
el.style.padding = "20px";
}
}
})
//自定义过滤器, 管道前面的值就传递给了value
//Vue.filter("to-uppercase",function(value){
// return value.toUpperCase();
//})
//自定义过滤器截取前100个字符
Vue.filter("snippet",function (value) {
return value.slice(0,100)+"...";
})
//引入自己创建的路由配置文件
import Routes from './routes'
//创建路由
const router = new VueRouter({
routes:Routes,
mode:"history"
})
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>',
//使用路由
router: router,
//render: h => h(App)
})
