初始Vue技术

最新推荐文章于 2024-07-09 21:18:14 发布

qq_44571236

最新推荐文章于 2024-07-09 21:18:14 发布

阅读量90

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_44571236/article/details/103990278

版权

Vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Vue是什么？

渐进式 JavaScript 框架

Vue的作用？

动态构建用户界面

Vue的特点？

遵循 MVVM 模式

Model :相当于data
view :即页面，一个个Dom元素，可以直接使用data中的数据
ViewModel :1，指定Dom元素 2.数据绑定（数据可以自动从内存中显示到页面上）

编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发
它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目

Vue的使用

<head>
</head>
<body>
<!--
  1.引入Vue.js
  2.创建Vue对象
     el:指定根element（选择器）
     data:初始化数据（页面可以访问）
  3.双向数据绑定：v-model
  4.显示数据：{{XXX}}
  5.理解Vue的mvvm实现
-->

<div id="app"> <!--view-->
    <input type="text" v-model="username">
    <p> hello {{username}}</p>
</div>
<script type="text/javascript"  src="../js/vue.js"></script>
<script type="text/javascript">
    //创建Vue实列
    const vm = new Vue({  //配置对象
        el:'#app',     //element:选择器(即Vue要管理的区域)
        data:{         //数据（model）
            username:"whf"
        }
    })
</script>
</body>

qq_44571236

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初始Vue技术

Vue是什么？渐进式 JavaScript 框架Vue的作用？动态构建用户界面Vue的特点？遵循 MVVM 模式Model :相当于dataview :即页面，一个个Dom元素，可以直接使用data中的数据ViewModel :1，指定Dom元素 2.数据绑定（数据可以自动从内存中显示到页面上）编码简洁, 体积小, 运行效率高, 适合移动/PC ...
复制链接

扫一扫