C C++最全【Vue入门必备知识篇01】--- 简介、基本使用、调试工具和指令，2024年最新3个月学会C C++开发

最新推荐文章于 2025-06-12 12:03:05 发布

2401_84976246

最新推荐文章于 2025-06-12 12:03:05 发布

阅读量1.1k

点赞数 25

CC 4.0 BY-SA版权

分类专栏：程序员文章标签： c语言 c++ 学习

本文链接：https://blog.csdn.net/2401_84976246/article/details/138875730

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2️⃣ 当表单元素的值发生变化时，也会被 VM 监听到，VM 会把变化过后最新的值自动同步到Model 数据源中；

（3）Vue 的版本

当前，vue 共有 3 个大版本，其中：

2.x 版本的 vue 是目前企业级项目开发中的主流版本；
3.x 版本的 vue 于 2020-09-19 发布，生态还不完善，尚未在企业级项目开发中普及和推广；
1.x 版本的 vue 几乎被淘汰，不再建议学习与使用；

😆总结😆：

3.x 版本的 vue 是未来企业级项目开发的趋势；
2.x 版本的 vue 在未来（1 ~ 2年内）会被逐渐淘汰；

3.1 vue3.x 和 vue2.x 版本的对比

vue2.x 中绝大多数的 API 与特性，在 vue3.x 中同样支持。同时，vue3.x 中还新增了 3.x 所特有的功能、并废弃了某些 2.x 中的旧功能：

新增的功能例如：组合式 API、多根节点组件、更好的 TypeScript 支持等；
废弃的旧功能如下：过滤器、不再支持 $on，$off 和 $once 实例方法等；

详细的变更信息，请参考官方文档给出的迁移指南：https://v3.vuejs.org/guide/migration/introduction.html

二、Vue 的基本使用

（1）基本使用步骤

导入 vue.js 的 script 脚本文件
在页面中声明一个将要被 vue 所控制的 DOM 区域
创建 vm 实例对象（vue 实例对象）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <!-- 2. 声明要被 vue 所控制的 DOM 区域 -->
    <div id="app">{
  
  { username }}</div>

    <!-- 1. 导入 vue 的脚本文件 -->
    <script src="./lib/vue-2.6.12.js"></script>

    <!-- 3. 创建 vue 的实例对象 -->
    <script>
 const vm = new Vue({
 // 3.1 使用 el 属性，指定 vue 要控制的区域
 el: '#app',
 // 3.2 数据源
 // data 对象就是要渲染到页面上的数据
 data: {
 username: 'zs'
 }
 })
 </script>
</body>

</html>