10/17 vue3
主要学习了前端工程化 安装了node。js 会用vscode导入vite依赖,简单了解了各部分的作用
学习了xue的一些语法
插值表达式
{{}} 在里面可以放函数 数据名和对象调用的api
文本渲染命令 比如 v-text
v-html 可以识别文本的html代码
都要写在开始标签里
属性渲染 v-bind:属性名=“数据名” 可以省略只剩:
v-on 事件绑定
v-on:事件=“函数名()”后面还可以接.once ,.prevent 阻止组件的默认行为等修饰符
可以简写 比如@click
还有就是响应式 ref 和reactive
一个用于对象一个用于类 导入前要写import {ref} from 'vue'
ref的在script里加value template里不加
toRef 将reactive的某个转为ref属性
条件渲染 v-if v-else
v-show=“” 不同 数据为true展示 否则不展示 不展示的还在dom树中只是用css样式隐藏了
今天没做题