关于VUE的一些小知识点

1.页面加载时需要通过AJAX去获取下拉菜单的SELECT 数据时候，

（1）vue 的data里面要定义数据

（2）在方法里面写获取select的方法

（3）在js里面写 方法的调用

（4）在页面中展示

js:

var vm = new Vue({

	el: '#aa',

	data: {

	options:[],

	},

	methods:{

		getOptions: function () {
    		//加载下拉列表的数据
    		$.get(baseURL + "/getOptions", function (r) {
        		vm.options = r;
   		})
		},

	}

}）

vm.getOptions();

html:

<div id="aa" v-cloak>

<select id="bbb" class="form-control" v-model="ccc" @keyup.enter="query">
    <option v-for="option in options" :value="option.status">{{option.name}}</option>
</select>

</div>

以上代码部分，仅供参考。

2、页面渲染失败

目前本人遇到的前端页面渲染失败，通常是由于js文件存在错误，或者html页面存在错误：

有可能是js某个参数没有定义，

也有可能是HTML的页面标签没有闭合。