原子艺术做的网站怎么样子,h5和手机网站,荆州网站建设流程,广州哪个公司做网站好CDN方式使用vue: 获取复杂数据类型#xff1a; 使用结构复制语法去除vue前缀#xff1a; 使用模块化开发#xff1a; 需要安装插件live server#xff1a; 需要访问网络地址#xff1a; 简单数据类型ref的使用#xff1a; 如何修改number reactive修改值不需要.value 使用结构复制语法去除vue前缀 使用模块化开发 需要安装插件live server 需要访问网络地址 简单数据类型ref的使用 如何修改number reactive修改值不需要.value ref也可以储存数组类型 添加绑定事件 v-on:click简写形式 按键松开事件 true和false的快速切换 v-show显示与隐藏 v-if的使用 v-bind动态数据绑定 简写形式 v-for的使用 键值对的使用 map数组的显示 v-for条件判断 如何取对象数据 v-for ‘title’的使用 设置唯一key的作用——提升性能 v-model双向数据绑定
text radio checkbox 单个checkbox select v-model修饰符
v-model.lazy延迟绑定 v-model.number v-model.trim v-html、v-text computed函数计算 监听器watch JS中对象和数组是通过引用传递的而不是通过值传递。当修改对象或数组的值时实际上修改的是对象或数组的引用而不是创建一个新的对象或数组。所以如果修改了对象或数组的值那么打印出来的结果则是修改后的值。 可以监听某个函数达到监听数值的变化情况 watchEffect自动监听 图片轮播 下一张 上一张 单张图片跳转 添加数据 显示data中的数据 删除数据 清空数据 全选、取消全选 修复去除某一项后全选按钮不取消的问题 价格计算 商品加减
sub add 删除数据 修复全选勾选状态问题 使用watch监听器对购物车change代码进行优化
import watch 实现全选取消全选功能 使用watch实现总价计算方法 使用axios实现文章搜索 接口调用
ID搜索 标题搜索 实现数据的页面展现 查询前清空数据 基础vite创建vue3项目 语法高亮插件vue-official 自定义代码片段插件vue vsCode snippets: 实际开发中使用组件构建后的代码风格 创建组件
header.vue 调用组件 父传子defineProps:
header: footer: 父传子非响应式数据 父传子响应式数据 子传父defineEmits: 跨组件通信provide
非响应式数据 响应式数据 匿名插槽具名插槽
匿名插槽 具名插槽 作用域插槽 生命周期函数
onMounted: onUpdated: 其他生命周期函数 toReftoRefs:
常规用法——非响应式数据 toRefs——响应式数据 toRef——把某个属性转化为响应式数据 pinia简介 pinia安装 定义一个useWebStroe仓库 调用仓库 pinia持久化存储
安装插件 导入插件及使用 仓库中应用持久化存储 为什么不直接使用localStorage?
