1种写法:
html:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <span data-bind="text:Name"></span> <script src="Scripts/require.js"></script> <script src="Scripts/requirejs-config.js"></script><!--配置路径--> <script type="text/javascript"> //['jquery','Knockout']对应config,$,ko分别对应jquery,Knockout(一种自己定义的简写) require(['jquery','Knockout'], function ($,ko) { $("body").css("background-color", "lightgreen"); function viewModel() { var self = this; self.Name = ko.observable("cat66"); } ko.applyBindings(new viewModel()); }) </script> </body> </html>
requirejs-config.js:
requirejs.config({ paths: { jquery: 'Scripts/jquery-3.2.1', Knockout: 'Scripts/Knockout-3.3.0' } })