vue一些常用的知识点

最新推荐文章于 2022-11-28 10:40:48 发布
最新推荐文章于 2022-11-28 10:40:48 发布
阅读量178 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bigfatDone/article/details/84301911
版权

1.$route的用法

  $route为当前router跳转对象里面可以获取name、path、query、params等

2.$router的用法

  $router为VueRouter实例，想要导航到不同URL，则使用$router.push方法

返回上一个history也是使用$router.go方法

3.slot(插槽)的用法

  slot的作用是用于父组件向子组件传值，简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活

bigfatDone
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue技术中你可能不知道的7个秘密
qianduanshuo的博客
05-06 507
一、善用watch的immediate属性 这一点我在项目中也是这么写的。例如有请求需要再也没初始化的时候就执行一次，然后监听他的变化，很多人这么写： created(){ this.fetchPostList() }, watch: { searchInputValue(){ this.fetchPostList() } } 上面的这种写法我们可以完全如下写： watch:...
VUE常见知识点
ShIcily的博客
04-28 438
1、Vue的双向数据绑定原理是什么？ vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 具体步骤： 第一步：需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter 这样的话，给这个对象的...
VUE + Element项目中，你可能不知道的一些技巧
weixin_34186128的博客
06-05 188
演示地址 表单弹框 实际的项目中会存在很多的表单弹框，并且有许多是可以复用的，我们可以简单的封装成业务组件。技巧就是利用.sync特性 <Dialog :visible.sync="dialogFormVisible"></Dialog> <el-dialog @close="close" title="收货地址" :visible.sync="visib...
Vue 使用中的各种小技巧
u012925833的博客
10-28 935
Watch immediate 这个已经算是一个比较常见的技巧了，这里就简单说一下。当 watch 一个变量的时候，初始化时并不会执行，如下面的例子，你需要在created的时候手动调用一次。 // bad created() { this.fetchUserList(); }, watch: { searchText: 'fetchUserList', } 复制代码 你可以添加imme...
Vue开发中的常见问题
勿忘初心的博客
04-14 2270
原文链接： https://segmentfault.com/a/1190000005034270 最近在群里看到在大家在学习vue的过程中，遇到的很多问题都十分的类似，这里做一下总结： eslint静态检查 在大家用vue-cli创建工程的时候，会有一项，使用使用eslint，如果选择了y，那么工程就会安装并启用eslint。 这里列举一下常见的错误： 1.多余
Vue3常用知识点总结
Ssss555123的博客
11-28 3180
Vue.js 3.0 "One Piece" 正式版在今年9月份发布2年多开发, 100+位贡献者, 2600+次提交, 600+次PRVue3支持vue2的大多数特性更好的支持Typescript使用Vue3的组合API封装的可复用的功能函数自定义hook的作用类似于vue2中的mixin技术自定义Hook的优势: 很清楚复用功能代码的来源, 更清楚易懂//需求1: 收集用户鼠标点击的页面坐标hooks/useMousePosition.ts/*收集用户鼠标点击的页面坐标*/
vue常用知识点总结
weixin_49175902的博客
10-21 5054
最近入职新的公司，整体来说还是不错的。前一阵子看了很多关于vue的知识点，自己理解着整理一下，再加深一下印象。也希望可以帮助到有需要的同学。理解错误的地方，欢迎指正。 1、对于Vue是一套渐进式框架的理解 答：Vue是渐进的，没有强主张，是个轻量视图。它只做了自己应该做的事，没有做多余的事。 2、vue.js的两个核心是什么？ 答：数据驱动和组件化。 3、vue中的模板编译原理 答：模板指的就是template。如果我们传了一个template，我们会把template转换成一个render函数，然后通过r
Vue知识点汇总
编程界明世隐的博客
04-09 1898
一、MVVM的理解 MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View...
Vue知识点以及面试题
11-24
Vue知识点以及面试题
vue 知识点.docx
01-05
Vue.js 知识点概述 在本文中，我们将对 Vue.js 进行详细的介绍，包括其定义、特性、优点、安装环境、项目搭建、Webpack 配置等方面的知识点。 什么是 Vue.js Vue.js 是一套构建用户界面的渐进式框架。与其他重量...
vue 3.0 基础知识点
01-14
前端 vue 3.0
vue知识点汇集 总结 回顾
10-27
下面将根据标题和描述，结合压缩包内的文件名称，对Vue的知识点进行详细梳理。 1. **基础概念** - **虚拟DOM**：Vue使用虚拟DOM作为数据和实际DOM之间的中间层，以提高性能和效率。 - **组件化**：Vue中的组件是...
vue3基础知识点快速掌握
最新发布
06-07
其核心知识点包括：响应式系统、组件化开发、生命周期钩子、指令系统、模板语法、计算属性和侦听器、Vue Router（路由管理）、Vuex（状态管理）等。Vue 3 相较于 Vue 2 带来了性能提升、更小的包体积、更好的 ...
vite引入element-plus修改主题色报错
bigfatDone的博客
01-11 9611
使用vite搭建vue3.0项目 全局安装vite # yarn yarn global add create-vite-app # npm npm global install create-vite-app 初始化vite项目 # 创建vite create-vite-app vue-vite # 进入vue-vite项目 cd vue-vite # 安装依赖包 yarn install # 安装element-plus yarn add element-plus -D # 运行
使用vue开发移动端页面，IOS端图片无法显示
bigfatDone的博客
08-09 6084
问题：在使用Vue开发移动端项目的时间，发觉Android下的图片显示正常，但是在IOS页面下没有显示图片 <img src="../../assets/img/mall/back.png" alt="返回" class="back" @click="goBack()"> 解决方案：在img标签下不能给class属性，只能在其父级嵌套一个标签 <div class="b...
vue-loader@15.x VueLoaderPlugin无法loader
bigfatDone的博客
10-01 3716
在安装了Vue插件之后，发觉编译不了.vue文件，但是已经把vue-loader vue-template-compiler 都下载完毕，并且还在webpack.config.js里面配置了 {test:/\.vue$/,use:'vue-loader'} 但是还是不行，一直提示： client:162 ./src/login.vue Module Error (from ./node_...
关于用vue-cli打包dist文件无法在页面中访问
bigfatDone的博客
11-13 3299
在尝试用了vue-cli开发项目之后，在项目的最终用npm run build 打包完之后，使用了wamp工具访问打包的文件，但是在页面中显示所有的链接都没有都是404. 因此我就查看了index文件中的所有的外部链接。 之后我就发现了在index文件里面 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta chars...
整理一波关于Vue的核心面试题
bigfatDone的博客
11-06 1518
一、对于MVVM模型的理解？ MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。 在MVVM...
swiper在vue项目中loop循环轮播失效
bigfatDone的博客
01-04 1371
我在使用vue-awesome-swiper进行列表轮播，但是是滑到最低端无法实现无限循环。具体解决方案： 这是设置swiper的参数，其中最为重要的是要设置 v-if="parentData.length"就可以了 ...
Vue2与Vue3关键知识点总结
在Vue2中，有几个关键的知识点需要理解。首先，`mounted`和`updated`生命周期钩子在不同场景下发挥作用。`mounted`在组件实例挂载到DOM后调用，而`updated`则在数据变化导致的DOM重新渲染完成后触发。`updated`不会...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值