Dilomen的博客

文章来源：我的博客概述这里的响应式，是指作为现在 MVVM 主流思想下的前端框架采用的一种数据驱动视图的方案，即对数据监测，来进行相应的 DOM 更新。而 Vue 实现的方案也是比较特别的，其很巧妙的借助 JS 原生的对对象进行监听的 API 来处理，一定程度上提升了性能，但是也有其缺陷的地方。三大框架的区别Angular: 脏数据检测React: Virtual DOM 对比更新Vue: 借助 Object.defineProperty 对对象进行监听，通过数据变化来通知更新小插曲.

一般我们只会听到使用父子组件之间的传递但是我们还是会遇到页面之间传递的场景，特别是移动端，如你跳转到一个刷选页面，确认后返回到列表页，根据你的刷选条件进行查询那么需要如何处理这种场景？父子页面如果两个页面是父子页面，即子页面路由是嵌套在父页面的children中的，是通过父页面router-view加载出来的1、那么子页面可以通过this.$parent直接调用到父页面实例// 子页面可以通过$parent触发父页面的方法this.$parent.send('child send')// 父

官方文档https://vue-loader.vuejs.org/zh/主要是对vue文件的处理，那么首先提供了vue-loader处理，同时官方也提示了必须同时安装vue-template-compiler，因为webpack识别不了模板，还要必须添加插件添加{ test: /.vue$/, loader: "vue-loader",}plugins: [ // 请确保引入这个插件！ new VueLoaderPlugin()]这样模板对于vue文件的.

vue中axios的使用axios的安装与配置：使用 npm:$ npm install axios使用script导入 <script src="https://unpkg.com/axios/dist/axios.min.js"><

通过npm安装vuexnpm install vuex --save使用vueximport Vuex from 'vuex'Vue.use(Vuex)//赋值给一个变量，然后引入let store = new Vuex.Store({ ...})//为了更好的维护，且体现模块化，可以写在别的js文件中，然后导入import store from './store'...

呈现路由下的组件内容在vue-cli脚手架创建下的文件结构中的App.vue文件会有以下代码，展现当前路由下的视图，即当前路由时什么，这块内容就会被当做当前路由指向的组件内容显示<div id="app"> <router-view></router-view></div>以上<router-view>是作为路由的最...

安装vue-router使用CDN：<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>或者安装vue-cli脚手架的时候，都会被问到是否需要安装，如果你输入了" Y "，那么脚手架就会自动帮你安装上vue-router并且会在src文件夹下生成一个router...

将vue的router中的mode属性设成 'history' ,如果不设置的话，默认值为 'hash'，也就是会出现#字符const router = new VueRouter({ mode: 'history', routes: [...]})设成history之后，需要后端配置才能实现路由的跳转，不然刷新就会出现404的情况这里后端使用的是node的express框...

子组件：child.vue{ methods: { setValue(value) { this.value = value; } }}父组件：parent.vue&lt;template&gt; &lt;div&gt; &lt;button @click="addValue(1)"&gt;&lt...