查看“Vue2+Vue3”的源代码

尚硅谷 张天禹

[https://www.bilibili.com/video/BV1Zy4y1K7SH?p=1&vd_source=92b1acbb084e38873b05857f8f1b9289 https://www.bilibili.com/video/BV1Zy4y1K7SH]



[https://www.bilibili.com/video/BV1Zy4y1K7SH?p=1&vd_source=92b1acbb084e38873b05857f8f1b9289 https://www.bilibili.com/video/BV1Zy4y1K7SH?p=1]

=== 课程简介 ===
1.vue 基础

2.vue-cli（vue 脚手架，专门做工程化开发）

3.vue-router（用于在 vue 当中实现前端路由）

4.vuex（当应用足够复杂时，借助它帮我们保管数据）

5.element-ui（好看的 UI 组件库）

6.vue3



[https://www.bilibili.com/video/BV1Zy4y1K7SH?p=1 https://www.bilibili.com/video/BV1Zy4y1K7SH?p=2]

'''<big>Vue 是什么？</big>'''

Vue 是一套用于<u>构建用户界面</u>的<u>渐进式</u> JavaScript 框架。

对于“渐进式”的解释：

Vue 可以自底向上逐层的应用

简单的应用：只需要一个轻量小巧的核心库（压缩完只有100kb）。

复杂的应用：可以引入各式各样的 Vue 插件。


'''<big>[[Vue 的特点]]</big>'''

https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=3

Vue 官网使用指南

https://cn.vuejs.org/

Vue 2

https://v2.cn.vuejs.org/


[https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=3 https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=4]

区分 Vue 的开发环境版本（更多调试信息）和生产环境版本（更小体积、更高执行效率）

vue.js 和 vue.min.js

注意：如果用 vue.min.js，很多情况下出问题会直接异常，不会在 console 输出什么错误信息；用 vue.js 就会输出错误信息，方便开发者调试。

Vue 的开发工具：Devtools

https://devtools.vuejs.org/guide/installation.html


Vue.config

关闭 Vue 在浏览器控制台中的生产提示：<syntaxhighlight lang="html">
    <script>
        Vue.config.productionTip = false //设置为 false 以阻止 vue 在启动时生成生产提示。
    </script>
</syntaxhighlight>注意：现在已经不好使了，新版本中， Vue 一加载马上会执行验证并在控制台提示警告信息，不能保证上面的代码在验证、提示前执行，

所以现在只有直接修改 vue.js 源码:<syntaxhighlight lang="javascript">
productionTip: false,
</syntaxhighlight>才行。


[[Vue Hello 小案例]]

[[Vue 模板语法]]