随笔分类 - Vue集合
摘要：例如下面情况： templete: <div id="app"> <h2>{{dataObj.text}}</h2> </div> js: new Vue({ el: '#app', data: { dataObj: {} }, ready: function () { var self = thi
阅读全文
摘要：https://segmentfault.com/a/1190000016434836 https://segmentfault.com/a/1190000018659584
阅读全文
摘要：数据是否可变: react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流，推崇结合immutable来实现数据不可变; vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听，当属性变化的时候，响应式的更新对应的虚拟
阅读全文
摘要：当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载. 1、定义 也叫延迟加载，即在需要的时
阅读全文
摘要：实现功能 主要用到的技术：vue-cli + vue2 + vue-router2 + vuex2 + axios + es6 + sass + eslint 主要实现的功能：页面的数据通过 axios 模拟请求本地的 json 文件获得；vue-router2 实现各页面的相互跳转；vuex2 全
阅读全文
摘要：axios: 相当于ajax，之前是用vue-resourse，不过现在这个模块不维护了，基本使用axiosvue-router: 是vue的路由vuex: 是vue的状态管理,方便组件间通信 1、安装： npm install axios --save-dev 2、axios配置如下： // 引入
阅读全文
摘要：现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。 父组件中： <li v-for="article in articles" @click="getDescribe(article.id)"> methods： 方案一： 通过路径 getDescribe(id) {
阅读全文
摘要：自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可复用的。 在vue中，除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。有的情况下，
阅读全文
摘要：vue-router是什么？ 首先我们需要知道vue-router是什么，它是干什么的？ 这里指的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。替换，vue-router就是WebApp的链接路径管理系统。 vue-router是Vue.js官方的路由插件，它和
阅读全文
摘要：1.vuex是什么？ vuex是一个专为vue.js应用程序开发的状态管理模式（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。 2.vuex的核心概念？ （1）vuex的属性： vuex五大核心属性：state，getter，mutation，acti
阅读全文
摘要：1、首先来官方服生命=周期的解释： beforeCreate():实例在内存中被创建出来，还没有初始化好data和methods属性。 create():实例已经在内存中创建，已经初始化好data和method，此时还没有开始编译模板。 beforeMount():已经完成了模板的编译，还没有挂载到
阅读全文
摘要：<span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" >动态绑定样式</span> 实现元素根据数据状态来显示或隐藏。
阅读全文
摘要：父组件中引入子组件，并加上ref属性，语法为res="refname"; <template> <div> <div>我是父组件</div> <child ref="child"></child> </div> </template> <script> import child from '~/co
阅读全文
