knockout with绑定提示未定义的解决

错误提示：

Uncaught ReferenceError: Unable to process binding "with: function (){return TaskVM }"

Message: TaskVM is not defined

绑定在页面中的写法：

<table class="table table-bordered  table-striped scrollload-container" data-bind="with:TaskVM">

两种解决办法。第一种：若是在DOM 加载完成时执行，一定要在 ko.applyBindings 这一语句之前写。类似的写法如下：

$(function () {    
    page.VM.TaskVM = ko.mapping.fromJS([]);

ko.applyBindings(page.VM); });

第二种：在$(function(){})之外定义，比如一般 ko.applyBindings 是在一个js 文件中写。并且网站每个页面都包含这个js文件。然后如果一个页面中用到TaskVM 绑定，可以这样写：

$(function () {
    
    //do something
   
});
page.VM.TaskVM = ko.mapping.fromJS([]);

这个原理是一样的，即page.VM.TaskVM = ko.mapping.fromJS([]); 这个定义都是要放在ko.applyBindings 代码之前。第一种一看就知道是在ko.applyBindings 之前。而第二种，牵涉到javascript 变量定义的执行原理。即无论是 var ma=2;这样的定义，还是page.VM.TaskVM = ko.mapping.fromJS([]); 一定是先于 DOM加载函数执行的。