![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 61
Dilomen
这个作者很懒,什么都没留下…
展开
-
Vue源码解析——响应式篇
文章来源:我的博客概述这里的响应式,是指作为现在 MVVM 主流思想下的前端框架采用的一种数据驱动视图的方案,即对数据监测,来进行相应的 DOM 更新。而 Vue 实现的方案也是比较特别的,其很巧妙的借助 JS 原生的对对象进行监听的 API 来处理,一定程度上提升了性能,但是也有其缺陷的地方。三大框架的区别Angular: 脏数据检测React: Virtual DOM 对比更新Vue: 借助 Object.defineProperty 对对象进行监听,通过数据变化来通知更新小插曲.原创 2020-12-21 08:28:07 · 307 阅读 · 0 评论 -
vue页面之间的传递
一般我们只会听到使用父子组件之间的传递但是我们还是会遇到页面之间传递的场景,特别是移动端,如你跳转到一个刷选页面,确认后返回到列表页,根据你的刷选条件进行查询那么需要如何处理这种场景?父子页面如果两个页面是父子页面,即子页面路由是嵌套在父页面的children中的,是通过父页面router-view加载出来的1、那么子页面可以通过this.$parent直接调用到父页面实例// 子页面可以通过$parent触发父页面的方法this.$parent.send('child send')// 父原创 2020-12-03 22:32:07 · 433 阅读 · 0 评论 -
手动搭建vue的webpack配置注意点
官方文档https://vue-loader.vuejs.org/zh/主要是对vue文件的处理,那么首先提供了vue-loader处理,同时官方也提示了必须同时安装vue-template-compiler,因为webpack识别不了模板,还要必须添加插件添加{ test: /.vue$/, loader: "vue-loader",}plugins: [ // 请确保引入这个插件! new VueLoaderPlugin()]这样模板对于vue文件的.原创 2020-06-03 18:17:07 · 253 阅读 · 0 评论 -
axios在vue中的使用
vue中axios的使用axios的安装与配置:使用 npm:$ npm install axios使用script导入 <script src="https://unpkg.com/axios/dist/axios.min.js"><原创 2018-11-02 15:15:38 · 229 阅读 · 0 评论 -
vuex状态管理的基本使用
通过npm安装vuexnpm install vuex --save使用vueximport Vuex from 'vuex'Vue.use(Vuex)//赋值给一个变量,然后引入let store = new Vuex.Store({ ...})//为了更好的维护,且体现模块化,可以写在别的js文件中,然后导入import store from './store'...原创 2018-11-12 21:49:44 · 309 阅读 · 0 评论 -
vue-router 路由的基本使用(2)
呈现路由下的组件内容在vue-cli脚手架创建下的文件结构中的App.vue文件会有以下代码,展现当前路由下的视图,即当前路由时什么,这块内容就会被当做当前路由指向的组件内容显示<div id="app"> <router-view></router-view></div>以上<router-view>是作为路由的最...原创 2018-11-20 22:32:31 · 206 阅读 · 0 评论 -
vue-router 路由的基本使用(1)
安装vue-router使用CDN:<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>或者安装vue-cli脚手架的时候,都会被问到是否需要安装,如果你输入了" Y ",那么脚手架就会自动帮你安装上vue-router并且会在src文件夹下生成一个router...原创 2018-11-19 22:45:16 · 275 阅读 · 0 评论 -
node(express)配置vue路由,删除路由中的#字符
将vue的router中的mode属性设成 'history' ,如果不设置的话,默认值为 'hash',也就是会出现#字符const router = new VueRouter({ mode: 'history', routes: [...]})设成history之后,需要后端配置才能实现路由的跳转,不然刷新就会出现404的情况这里后端使用的是node的express框...原创 2019-01-18 23:20:14 · 792 阅读 · 0 评论 -
vue父组件向子组件发送事件请求
子组件:child.vue{ methods: { setValue(value) { this.value = value; } }}父组件:parent.vue<template> <div> <button @click="addValue(1)"><...原创 2019-01-16 18:30:40 · 1748 阅读 · 0 评论