javascript - vuejs uses ajax to interact with the background

Question

<p data-page="conversation" id="conversation">

    <p class="conversation">
        <p class="conversation_title">{{memcon}}</p>
        <span class="conversation_obj">
            <span>任务执行人：</span>
            <span v-for="peopl in people">
                {{peopl}}
            </span><br />
            <span>谈话对象：</span>
            <span>{{peopleObj}}</span>
        </span><br />
        <span>谈话时间：</span>
        <span class="conversation_time">{{memconTime}}</span>
    </p>
    <p class="conversation_content">{{content}}</p>
    <p class="conversation_img">
        <span v-if="imgs.length>0" v-for="img in imgs">
            <img :src="img" alt="" />
        </span>
    </p>
    <p class="comment">
        <textarea rows="3" placeholder="添加文字点评. . . "></textarea>
        <button>提交</button>
    </p>
    <hr />
    <p class="mission_read">
        <span class="left">已读</span>
        <span class="right"><span>{{peoples}}</span>人</span>
        <p class="clear"></p>
        <span class="inlineBlock center portrai" v-for="(portrai,index) in portrait">
            <img :src="portrai" alt="" />
            <span>{{nickname[index]}}</span>
        </span>
    </p>
</p>

module.exports = {

    data:function(){
        return{
            memcon:'第二次谈话',
            memconTime:'2017-06-10',
            content:'城乡社区是社会治理的基本单元。城乡社区治理事关党和国家大政方针贯彻落实，事关居民群众切身利益，事关城乡基层和谐稳定。为实现党领导下的政府治理和社会调节、居民自治良性互动，全面提升城乡社区治理法治化、科学化、精细化水平和组织化程度，促进城乡社区治理体系和治理能力现代化，现就加强和完善城乡社区治理提出以下意见。',
            imgs:['../src/imgs/user-center-banner.jpg','../src/imgs/user-center-banner2.jpg'],
            people:['张三','李四'],
            peopleObj:'王二',
            peoples:'2',
            portrait:['../src/imgs/user-center-banner.jpg','../src/imgs/user-center-banner2.jpg'],
            nickname:['人一','人二']
        }
    }
}

How to use ajax to interact with the background data

Answer 1

Use axios, then

axios.post(url, params:{
peoples: this.peoples,
nickname: this.nickname
})

See the aｘｽｽｽ documentation for details

Answer 2

You can write native ajax.
For details on native writing, please see: http://www.jianshu.com/p/9b86...or refer to w3cschool

Answer 3

axios or vue-resource

Answer 4

Use jQ, it is suitable for beginners when combined with Vue.