VUE3
文章平均质量分 74
vue3学习之路
结构化思维wz
敬他人,即是敬自己;靠自己,胜于靠他人。
展开
-
vue 增删改数据实时更新
设置一个定时器,执行findall <template> <el-table :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))" stripe style="width: 100%"> <el-table-column label="ID" pr原创 2021-06-21 14:37:55 · 910 阅读 · 0 评论 -
Vue3 组件与组件之间的通信
Vue3 组件 Component 在spring中我们应该再熟悉不过,在spring中注册了组件,别的类就可以注入来使用。 组件是Vue中最强大的功能之一,组件可以拓展html元素,封装可重用代码。 组件系统让我们可以用独立可重复的小组件来构建大型应用,几乎任意类型的应用界面都可以抽象为一个组件树。 每个vue应用都是通过createApp函数创建的,传递给createApp的选项用于配置根组件。当我们挂载应用的时候,该组件被用做渲染的起点。 const RootComponent = { /* 选项原创 2021-06-14 16:22:28 · 460 阅读 · 1 评论 -
computed 与 watch 的区别
Vue中的计算属性 computed Vue中的监听属性 watch 计算属性多用于处理复杂的结构 监听属性多用于响应数据的变化 计算属性实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例</title> <script src="https://unpkg.com/vue@next"></script> </he原创 2021-06-14 15:30:47 · 110 阅读 · 0 评论 -
vue3条件语句和循环语句
vue3 语法 文章目录vue3 语法Vue3 条件语句条件判断v-ifv-if 指令v-if 指令v-elsev-else 指令v-else-ifv-else 指令v-showv-show 指令Vue.js 循环语句v-for 实例v-for 实例v-forv-for 迭代对象v-forv-forv-forv-for 迭代整数v-for显示过滤/排序后的结果v-for 实例v-for/v-if 联合使用v-for/v-if 实例 Vue3 条件语句 条件判断 v-if 条件判断使用 v-if 指令,指令的转载 2021-06-14 15:11:25 · 835 阅读 · 0 评论 -
VUE 入门
VUE 入门 文章目录VUE 入门项目结构:入门vue中的应用创建方法模板语法数据绑定属性绑定表达式绑定指令指令的参数修饰符双向绑定 v-model按钮翻转字符串实例:缩写v-bind 缩写v-on 缩写缩写v-bind 缩写v-on 缩写 项目结构: 我们如果用npm创建的vue项目会生成如下结构: node_modules -----npm加载的项目依赖模块 public --------公共资源目录 src --------99.9%的开发都主要在这里面做 assets ------原创 2021-06-14 11:06:07 · 425 阅读 · 1 评论