文化类网站的前置审批网络营销的模式主要有


CDN方式使用vue:

获取复杂数据类型:


使用结构复制语法去除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:



其他生命周期函数:

toRef&toRefs:
常规用法——非响应式数据:


toRefs——响应式数据:


toRef——把某个属性转化为响应式数据:


pinia简介:


pinia安装:


定义一个useWebStroe仓库:

调用仓库:


pinia持久化存储:
安装插件:

导入插件及使用:

仓库中应用持久化存储:


为什么不直接使用localStorage?

