再引入axios.js

<script src="/static/vue/kf_vue.js"></script>
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
<script>
new Vue({
	el: '#vue_list',
	data: {
		list: {}
    // 事件区域
    created(){
      // 点击事件
    //存放方法区域
    methods: {
    	// 创建convert方法
		convert:function () {
			axios.post("{:url('indexApi/client')}").then(res => {
                //ajax返回值赋值给 data中list
				this.list=res
    //页面加载完自动加载区域
    mounted(){
        //自动加载convert方法
        this.convert();
</script>

第二种方法

new Vue({
	el: '#vue_list',
	data: {
		list: {}
    //数据渲染后的操作
    created(){
      // 点击事件
    // 方法存放区
    methods: {
    	/*var that=this;
		convert:function () {
			axios.post("{:url('indexApi/client')}").then(res => {
				that.list=res
		/*function i_list(data){
			$.post("{:url('indexApi/client')}",data,function(e){
	        	console.log(e)
	        	that.list=e
    //页面加载完自动执行
    mounted(){
    	var that=this,data={}
        $.post("{:url('indexApi/client')}",data,function(e){
            // 赋值给data 中list
        	that.list=e
                    首先要引入vue.js再引入axios.js<script src="/static/vue/kf_vue.js"></script><script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script><script>new Vue({	el: '#vue_list',	data: {		list: {}	},    // 事件区域  .
				
Axios从远程读取数据
学习Axios的知识，并把数据从远端读取到页面上。后端数据，只要调用相应的页面就可以调取，在实际开发中，这些后台数据是需要后端程序员和你共同讨论制作的。我们现在只做前端，数据大家只要会调用即可。
Axios是一个基于Promise（ES6中用于处理异步的）的HTTP库，用于浏览器和node.js中，API。
浏览器中创建XMLHttpRequests
	从node....
				
学完vue很长时间了但是一直在实际工作开始中用到感觉忘完了。最近年底正好比较闲。把最近写的一个抽奖系统改造一下。
其实代码很简单。我想实现页面加载完成立马去渲染页面
new Vue({
			el:"#award",
			data:{
				msg:[]
			methods:{
				getData:function(){
					let self = this;
				
前言：页面上那些数据，绝大部分都不是静态的数据，而是通过调用后台接口把数据渲染到页面上的效果。ajax可以帮助我们更好的去实现这一点，下面是详解在vue中如何使用它。
vue本身它是不支持直接发送ajax请求的，需要用到axios（一个基于promise的HTTP库，可以用在浏览器和node.js中）这是Axios文档的介绍，详细可查看：使用说明 · Axios 中文说明 · 看云       
Axios安装
1、npm安装
npm i axios -S     //......
    new CompressionWebpackPlugin({
      // asset: '[path].gz[query]',
      fileName: '[path].gz[query]', //这个位置的asset要改为fileName
      algorithm: 'gzip',
      test: new RegExp(
				
首先我们会想着在mounted或者created里面加入想要执行的方法，但是有的时候会遇到在你执行这个方法的时候，页面还并没有被渲染完成，所以就会出现这个方法在匹配页面标签报错的情况。
解决思路：
1.通过子页面调用父页面的方法，因为在子页面开始渲染的时候，你的父页面肯定是已经渲染好了的，前提这里的方法中是去找寻父页面的标签。
2.直接在本页面监视一个参数，发现参数被初始化了，说明页面也已经...
				
Vue 页面加载完成后执行的方法包括 mounted() 和 created()，这两个方法都是 Vue 实例生命周期的钩子函数。
mounted() 方法在实例挂载后执行，这时候组件已经被编译，真实 DOM 已经渲染出来，可以进行 DOM 操作、数据请求等。
created() 方法则是在实例创建完成后立即执行，此时模板还未被渲染出来，因此此时如果需要进行一些异步操作，需要在此方法中执行，例如请求数据等。
一般来说，mounted() 方法是最常用的一个生命周期钩子函数，因为在数据加载完成后，我们需要对获取到的数据进行相应的页面渲染，例如使用 AJAX 请求数据，然后在 mounted() 方法中对数据进行操作，比如将数据展示到页面上。
总之，在 Vue 页面加载完成后执行的方法中，我们可以通过 mounted() 和 created() 方法实现我们需要的功能，无论是进行 DOM 操作还是数据加载，这些方法都能够为我们的组件提供灵活和高效的实现方式。