vue3官网,点击跳转
- public存放静态资源(此文件夹下的资源不会被编译)
- src写代码的地方
- components
- assets
- App.vue vue入口文件
- vite-env.d.ts 声明文件扩充
- main.ts vue启动文件
- package.json
- pnpm-lock.yaml
- index.html
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
单文件组件,详情查看官网
Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。 模板语法支持JavaScript 表达式,但是仅支持表达式。
-
文本插值{{}}
-
原始html v-html
-
属性绑定 v-bind(:)
-
事件绑定 v-on(@) v-on:click也可以写成v[click],@click
-
双向绑定 v-model
-
调用函数
指令是带有 v- 前缀的特殊 attribute。Vue 提供了许多内置指令,包括上面的 v-bind 和 v-html等。
v-if
v-else
v-show
v-else-if
v-for
v-if和v-show区别一个是是否渲染,一个是控制css的display属性是否为none v-if开销大 修饰符 Modifiers
ref,torefs,