vue3基础学习笔记

admin

每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例：

createApp(App)，这里面的参数是APP是一个【组件】，组件是一个.vue文件

挂载应用：.mount()该方法接收一个“容器”参数，可以是一个实际的 DOM 元素或是一个 CSS 选择器字符串，.mount() 方法应该始终在整个应用配置和资源注册完成后被调用；
简单来说.mount()的参数应该是一个class名或者id名，class用.，id用#，表示。

创建一个应用

1. import { createApp } from 'vue'
   
2. // 从一个单文件组件中导入根组件
   
3. import App from './App.vue'
   
4. const app = createApp(App)

复制代码

模板语法-文本插值

1. {{ msg }}

复制代码

模板语法-HTML

1. v-html

复制代码

模板语法-Attribute

1. v-bind:，等同于:

复制代码

模板语法-判断

1. v-if

复制代码

模板语法-监听dom事件

1. v-on:等同于@

复制代码

声明响应式状态

1. ref 用于简单类型
   
2. reactive 用于对象

复制代码

绑定 HTML class

1. :class等同于v-bind:class

复制代码

条件渲染

1. v-if

复制代码

列表渲染

1. v-for

复制代码

表单输入绑定

1. v-model

复制代码