一、Vue2.x和Angular 1.x模块的创建区别:
vue: new vue实例
Angular :angular.controller(" ",[ ]);
二、举个例子来看看vue.js和angular.js代码块的区别:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <title></title> </head> <body> <h2>vue代码块:</h2> <div id="app"> {{ msg }} </div> <h2>angular代码块:</h2> <div ng-app="demo"> <div ng-controller="oneCtrl"> {{ msg }} </div> <div ng-controller="oneCtrl"> {{ msg }} </div> </div> <script src="./libs/vue.js"></script> <script src="libs/angular.js"></script> <script> (function () { //vm es6 export default //step1: 创建根组件的vm var vm= new Vue({ el:"#app", data:{ msg:"hello vue 2x" } }) //angularjs内置模块的定义和相互调用 //而且,所有的类必须有一个模块,先有模块后有类 var vm2 = angular.module("demo",[]) vm2.controller("oneCtrl",function ($scope) { $scope.msg = "hello angularjs " }) })() </script> </body> </html>
代码块运行结果: