初识vue.js

最新推荐文章于 2024-12-11 20:41:56 发布

Muzilh

最新推荐文章于 2024-12-11 20:41:56 发布

阅读量164

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_41910848/article/details/81672865

vue 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了Vue.js的基本概念，强调其作为轻量级MVVM框架的特点，并通过一个简单示例展示了如何使用Vue.js构建数据驱动的Web界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前一段时间学习了vue.js,现在来复习一下，温故而知新，哈哈哈

什么是vue.js？

Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API（不知道MVVM的可以参考上一篇文章）

Vue.js是一个构建数据驱动的Web界面的库。

总之，Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统。

MVVM

举个最简单的例子：

    <!-- 这是View -->
    <div id="example">
        {{name}}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>

     // 这是Model
      var exampleData = {
        name: 'Vue.js'
       }

    // 创建一个 Vue 实例或 "ViewModel"
    // 它连接 View 与 Model
    var exampleVM = new Vue({
       el: '#example',
       data: exampleData
})