刚进入实训 讲师就要发一些什么比较高大上的东西,本人才疏学浅 浅浅的分享一下angularjs 和vue.js的区别。只是简单的理解一下 大神勿喷。
生实训之前学习的angular.js 只是理解了一些些小部分,angular不多说,就是操作数据用的,dom节点布置好,把数据请求过来,操作数据,渲染在
页面上, 对于还没有接触的vue.js是完全陌生的,只是在网上搜索了一下,对比angular。
说到angular 不的不说它的几个特点:
1.模块化
2.语义化
3.双向数据绑定
4.依赖注入
还有我最喜欢的 类似于tap切换的 路由 给我们带来了很大的方便。
它的写法也是很简单的。例<input type="text" ng-model="a">{{a}}; 输入的数据就是要显示的数据。
Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM:
<div id="app">
{{ message }}
</div>
|
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
|
除了文本插值,我们还可以采用这样的方式绑定 DOM 元素属性:
<div id="app-2">
<span v-bind:title="message">
鼠标悬停几秒钟查看此处动态绑定的提示信息!
</span>
</div>
|
var app2 = new Vue({
el: '#app-2',
data: {
message: '页面加载于 ' + new Date()
}
})
|
现在就可以看出来区别了,除了绑定DOM元素的方式不同 操作数据的方式也不大相同。希望大家都更深入的了解他们,为我们带来更大的方便。
以上纯属自己的理解 大神勿喷哦。