Vue是一个渐进式框架，强调可复用组件和简单数据绑定。本文介绍了Vue3的MVVM模式、组件化、安装使用、数据属性、模板语法、条件渲染和列表渲染，特别讨论了为何要将data变为函数以及Vue3的根节点变化。同时，深入探讨了v-if和v-show的区别，以及在处理class和style时的特殊语法。
目录
vue
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
mvvm
mvc
MVC是包括view视图层、controller控制层、model数据层。各部分之间的通信都是单向的。
View 传送指令到 ControllerController 完成业务逻辑后，要求 Model 改变状态Model 将新的数据发送到 View，用户得到反馈
● View 传送指令到 Controller
● Controller 完成业务逻辑后，要求 Model 改变状态
● Model 将新的数据发送到 View，用户得到反馈
mvvm
MVVM包括view视图层、model数据层、viewmodel层。各部分通信都是双向的。采用双向数据绑定，View的变动，自动反映在 ViewModel，反之亦然。其中ViewModel层，就是View和Model层的粘合剂
● 之间的通信是双向的。
● View 与 Model 不发生联系，都通过 vm 传递。
● 采用双向数据绑定
组件化
组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：
安装和使用
HTML中
<head>
<script src="https://unpkg.com/vue@next"></script>
</head>
<div id="counter"></div>
<script>
const Counter = {
data() {
return {
username: 'xiaoming'
}
},
template:'<div>{
{this.username }}</div>'
}
Vue.createApp(Counter).mount('#counter')
</script>
node中
如何在node中新建一个应用，搭建服务，通过浏览器访问？
1.初始化项目
npm init
2.安装vue
最新稳定版
$ npm install -S
最低0.47元/天 解锁文章
6571
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
