words Deom总结

一. 首先是在适配移动端的时候，要添加的一句话

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1,user-scalable=no″>

二.然后是在main.js中使用全局样式的时候，要现在全局安装style-loader和css-loader，因为用到了less还要安装less

require('!style-loader!css-loader!less-loader!./assets/css/main.less');

三.在使用路由的时候，要先安装vue-router，还有就是在用路由的时候，一定要先使用Vue.use(VueRouter);

Vue.use(VueRouter);
const router = new VueRouter({
    mode: 'history',
    base: __dirname,
    routes: [
        { path: '/', component: index },
        { path: '/Creat', component: Creat },
    ]
})

四.无论import的什么东西，在下面的vue实例化的时候一定要去使用，例如在下面的例子中，import了store就一定要在new Vue的时候把他给写进去。

import store from './store/index'
var vm = new Vue({
    el: '#app',
    router,
    store,
    template: `
                <div>
                    <transition name="fade" mode="out-in">
                        <router-view></router-view>
                    </transition>
                </div>
         `,
    beforeCreate() {
        console.log(this.$store.state.newbi);
    }
})

五.在进行本项目请求PHP的时候，要给php加头部文件，header(‘Access-Control-Allow-Origin:*’);

header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');
header('Access-Control-Allow-Credentials:true');

然后在js里面要写

xmlhttp.open("GET", "url", true);//true不要写false

原生ajax请求

var state, xmlhttp
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        state = eval('(' + xmlhttp.responseText + ')');
        console.log(state);
    } else {
        state = { serverIP: 0 }
    }
}
xmlhttp.open("GET", "URL", true);
xmlhttp.send();
export default new Vuex.Store({
    state
})