vue

vue3+element

vue-cli创建脚手架工程
卸载已有版本
> npm uninstall vue-cli -g

安装最新脚手架
> npm install -g @vue/cli

查询版本号
> vue -V

开始构建项目
> vue create '项目名' // 例如vue create vue-element-plus

创建完成后，选择配置，包括是否要Router，TypeScript等。选择vue版本。
src为后续开发路径，其中src/main.js挂载框架，例如element
> createApp(App),mount('#app') // 其中app是public/index.html的body中

> npm install // 拉取依赖
生成node_module文件

> npm run build // 编译
> npm run serve // 编译冰

Vue中一些常用的指令：
v-bind：这是Vue中最常用的指令之一，用于绑定表达式到元素的一个属性。例如，v-bind:href="url"。

v-model：在表单元素上创建双向数据绑定。v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件，但始终将输入元素绑定到数据。

v-if、v-else、v-else-if：条件渲染指令，v-if用于条件性地渲染一块内容，该块内容只会在指令的表达式返回 truthy 值的时候被渲染。

v-for：用于渲染列表，基于源数据多次渲染元素或模板块。

v-on：用于绑定DOM事件监听器，可以用来触发JavaScript中的方法。

v-show：另一种条件渲染指令，不同的是不论其条件真假，元素始终会被渲染，并且基于CSS进行切换。

v-pre：标记元素或组件为“只编译一次”。

v-cloak：这个指令保持在元素上直到关联实例结束编译，与CSS规则如[v-cloak]{ display:none }一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。

v-once：定义元素或组件只渲染一次。包括组件在内的整个渲染树，只会渲染一次，然后标记为静态并跳过之后的重新渲染。

v-html：更新元素的 innerHTML。注意：内容按普通HTML插入 - 不会作为Vue模板进行编译，如果试图使用v-html组成模板，可以重新考虑是否通过组件来实现。