vue框架学习报告

最新推荐文章于 2023-07-09 22:25:15 发布

xuegsh_

最新推荐文章于 2023-07-09 22:25:15 发布

阅读量3.3k

点赞数

分类专栏：系统分析与设计文章标签： vue

本文链接：https://blog.csdn.net/Devin_Xue/article/details/79951857

版权

介绍

Vue 是一套用于构建用户界面的渐进式框架，它被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

特点

在前端开发中，经常要通过js代码来进行一些逻辑操作，最终还要把这些逻辑操作的结果展现在页面中，这需要我们通过操作DOM来完成。而Vue这种MVVM模式的框架，通过viewmodel实现数据双向绑定，让数据自动地双向同步，从而避免了操作DOM，实现了解耦。

声明式渲染
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：

<body>
    <div id="app">
        <p>{
    { message }}</p>
    </div>
</body>
<script>
    var app = new Vue({
        el: '#app',
	data: {
	    message: 'Hello Vue.js!'
	}
    });
</script>

现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们只需要修改 app.message 的值，上例的html页面的显示就会相应地更新。这与之前我们需要使用jquery操作DOM元素来改变DOM元素的内容（ $('#app p’).text(...); ）相比，简单了很多。

最低0.47元/天解锁文章

xuegsh_

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
vue框架学习报告

介绍 Vue 是一套用于构建用户界面的渐进式框架，它被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。特点在前端开发中，经常要通过js代码来进行一些逻辑操作，最终还要把这些逻辑操作的结果展现在页面中，这需要我们通过操作DOM来完成。而Vue这种MVVM模式的框架，通过viewmodel实现数据双向绑定，让数据自动地双向...
复制链接

扫一扫