vue 知识点查缺补漏

最新推荐文章于 2021-10-15 18:13:58 发布
最新推荐文章于 2021-10-15 18:13:58 发布
阅读量59 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45178972/article/details/117221295
版权

1.v-once让某个元素标签只渲染一次
2.ref获取dom节点或组件引用
3. provide 和inject
父组件提供（provide）数据，子孙组件注入(inject)数据来使用，但是provide中的数据是一次性的，不是双向绑定的，当provide 数据发生改变，子孙组件也不会变化，子孙组件拿到的永远是第一次拿到的值

Jookerone
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue知识点以及面试题
11-24
Vue知识点以及面试题
vue 知识点.docx
01-05
Vue.js 知识点概述 在本文中，我们将对 Vue.js 进行详细的介绍，包括其定义、特性、优点、安装环境、项目搭建、Webpack 配置等方面的知识点。 什么是 Vue.js Vue.js 是一套构建用户界面的渐进式框架。与其他重量...
vue知识点汇集 总结 回顾
10-27
下面将根据标题和描述，结合压缩包内的文件名称，对Vue的知识点进行详细梳理。 1. **基础概念** - **虚拟DOM**：Vue使用虚拟DOM作为数据和实际DOM之间的中间层，以提高性能和效率。 - **组件化**：Vue中的组件是...
Vue知识点串讲.md
07-10
Vue知识点串讲.md
vue知识点总结.md
03-01
vue知识点总结.md
无法将“xxx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次
qq_45178972的博客
10-15 8321
在命令前添加npx
Vue- 子传父
qq_45178972的博客
12-17 1385
案例 1： 在子组件中两个按钮+1和-1，点击后修改count 整个操作的过程还是在子组件中完成，但是之后的展示交给父组件 这样，我们就需要将子组件中的count，传给父组件的某个属性，比如total <!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="htt
vue props 基本类型 对象类型 区别
qq_45178972的博客
05-16 1288
当父组件传给子组件的props不是数组或对象类型时，子组件修改props是不会影响父组件的数据的，可以通过this.$ emit通知父组件， 直接修改基本类型的props会有警告，可以通过this.$emit把值传给父组件，间接地改变props的值 ...
Vue3
qq_45178972的博客
12-13 911
高级函数： map/filter/reduce filter 中的回调函数有一个要求：必须返回一个boolean值 true:当返回true时，函数内部会自动将这次回调的n加入到新的数组中； false：当返回false时，函数内部会过滤掉这次的n <script> //1.找出nums中小于100的元素放到newNums const nums = [10,20,200,300,40,50]; //每次遍历一个元素都调用function，并把元素传给形参n l.
Vue4
qq_45178972的博客
12-16 779
组件的使用分成三个步骤： 1.创建组件构造器：Vue.extend() 2.注册组件：Vue.component() 3.使用组件
props 组件传值
qq_45178972的博客
05-23 516
props:[“message”] 或者props:{ message:{ type:String, required:true, validator(value){ //效验传递过来的值，true为通过 return value <100 } default:’’,//default也可以是个函数default(){return xxx;} 默认值就是函数返回的值 } } 当要传递的props值很多时 子组件demo props:{ a:{ type:Number },
js 日期格式化 正则表达式
qq_45178972的博客
05-16 497
export function formatDate(date,fmt){ //date是日期类型对象，fmt是yyyy-MM-dd HH:mm:ss格式的字符串 if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1,(date.getFullYear()+'').substr(4-RegExp.$1.length)); } let o = { 'M+':date.getMonth()+1, 'd+':date.getDat
vuex 跨过了commit 直接修改state的数据会怎样？
qq_45178972的博客
06-03 468
如果直接this.$store.state = xxx ;的话Chrome的vue devtool 插件就无法监听观察到state的变化； 所以必须通过commit 给mutation来修改state的数据
vue-cli3 -路由
qq_45178972的博客
12-29 432
babel 作用：es6转es5 eslint:代码规范 git add . 添加 git commit -m ‘注释’ (将之前add的内容添加本地仓库里面） git push （提交到远程仓库） npm install 会根据package.json下载npm包 定义函数： // 对象字面量中定义函数 const obj = { aaa(){}, bbb:function(){}, } // 箭头函数 // const ccc = (参数列表) =>{} //没有参数 const c.
vue 阻止事件冒泡
qq_45178972的博客
05-14 386
@click.stop.prevent=“pay”
音乐api
qq_45178972的博客
12-11 295
设置audio的autoplay="autoplay"后，src的值变换都会自动播放； audio还有play,pause触发事件； query:function(){ var that = this; //搜索歌曲 axios.get("https://autumnfish.cn/search?keywords="+this.keyword) .then(function(response){ .
Vue 实现tabBar案例
qq_45178972的博客
12-30 255
引入css文件 //在main.vue里面 /* 在style引用css前面需要加@ ，在js文件里就直接 import */ @import "./assets/css/base.css"; </style>
watchEffect 防抖
qq_45178972的博客
08-01 218
watchEffect(onInvalidate => { console.log('execute watchEffect:' + val.value); let timer = setTimeout(() => { console.log(val.value); }, 1000); onInvalidate(() => { //初次不会执行，第二次开始就率先执行 console.log('execut
VUE1
qq_45178972的博客
12-10 208
Vue会管理el挂载点命中的元素及其内部的后代元素 可以使用其他的选择器，如class，但是建议使用id选择器 可以使用其他的双标签器，不能使用HTML和BODY data中可以写复杂类型的数据，如对象{ }，数组[ ] 内容绑定，事件绑定:v-text , v-html， v-on (简写@click) 绑定的方法定义在methods属性中 方法内部通过this关键字可以访问定义在data中的数据 显示切换，属性绑定 ： - v-show（根据表达式的真假，切换元素的显示和隐藏，操纵style）.
vue知识点pdf分享
最新发布
10-25
在Vue的知识点中，首先需要了解Vue的基本概念和核心特性。Vue的核心是响应式数据绑定，它允许开发者将数据与DOM元素进行绑定，使得数据的变化能够自动反映到界面上。此外，Vue还提供了指令、计算属性、监听器等功能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值