![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue项目相关的知识
人鱼之伤
只是个人学习过程中的一些理解和随意的记录,如果有错误欢迎指出
展开
-
Vue的computed和watch的区别
computed是模板表达的声明式描述,会创建新的响应式数据。而watch是响应式数据的自定义侦听器,用于响应式数据的变化。除此之外,computed还具有可缓存,可依赖多个属性,getter函数无副作用等特点。watch则更适用于异步或者开销大的操作。https://febook.hzfe.org/awesome-interview/book1/frame-vue-computed-watch...原创 2021-11-09 12:34:19 · 433 阅读 · 0 评论 -
为什么vue中的watch在mounted之后执行
首先,在调用mounted的时候,会进入到defineReactive函数,然后调用函数里面的set方法,将mounted中赋的新的值给传递过去,并通过调用dep.notify( )把消息发送给订阅者,继而更新订阅者的列表后面才开始渲染watch进入Watcher的class...原创 2021-10-16 12:35:17 · 2302 阅读 · 0 评论 -
Vue的优化问题
vue的性能优化开启gzip压缩yarn add compression-webpack-plugin -D// 在vue.config.js中修改配置const CompressionPlugin = require('compression-webpack-plugin')configureWebpack: (config) => { if (process.env.NODE_ENV === 'production') { // 为生产环境修改配置...原创 2021-10-08 16:18:08 · 320 阅读 · 0 评论 -
基于某些组件库的VUE组件的封装
在antd的Vue版本的基础上封装组件,一般我们都只能想到最基础的关于Vue的组件封装,但其实在Vue的内部其实可以像React那样使用jsx,更灵活的去封装一些组件下面是我写的一个简单的例子,大家可以看看,参考下:<script>import { Table } from 'ant-design-vue'export default { props: Object.assign({}, Table.props), render() { return <a-tab原创 2021-09-17 15:41:21 · 168 阅读 · 0 评论 -
Vue的路由的hash和history的实现原理
hash路由模式的实现主要是基于下面几个特性URL 中 hash 值只是客户端的一种状态,也就是说当向服务器端发出请求时,hash 部分不会被发送;hash 值的改变,都会在浏览器的访问历史中增加一个记录。因此我们能通过浏览器的回退、前进按钮控制hash 的切换;可以通过 a 标签,并设置 href 属性,当用户点击这个标签后,URL 的 hash 值会发生改变;或者使用 JavaScript 来对 loaction.hash 进行赋值,改变 URL 的 hash 值;我们可以使用 hashchan原创 2021-09-06 16:39:59 · 1235 阅读 · 0 评论 -
Vue2的组件间的通信方法
1、父子组件之间的传值父组件向子组件传值1、父组件引用子组件,并且通过v-bind:的形式,把需要传递给子组件的信息传递给子组件在子组件中通过props去接收父组件传递过来的数据2、父组件向子组件传递一个方法父组件向子组件传递方法的时候,在父组件中定义一个方法,然后在子组件中用@方法名="父组件方法"的形式接收在子组件中定义一个方法,或者是在mounted中,通过this.$emit(‘方法名’,参数)的方式去接收子组件向父组件传值1、在父组件向子组件传递方法的时候可以传递参数2、兄弟组原创 2021-09-04 15:00:50 · 260 阅读 · 0 评论 -
关于Vue2的路由beforeEach的问题
公司里的一个老项目要加个前端登录,而且这个项目的后台应该是C#,比较陈旧的代码修改比较难受,我没有做新的封装,只是在原有目录的在router.js文件下进行了修改:const router = new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path:'*', redirect: '/' }, { path:'/', name:原创 2021-08-24 17:41:36 · 256 阅读 · 0 评论