独自去流浪的博客

摘要： 访问元素&组件 01.访问根实例 $root // Vue 根实例 new Vue({ data: { foo: 1 }, computed: { bar: function () { /* ... */ } }, methods: { baz: function () { /* ... */ } 阅读全文

摘要： 动态组件 01.在动态组件上使用keep-alive，保持组件的状态，以避免反复重渲染导致的性能问题。 <!-- 失活的组件将会被缓存！--> <keep-alive> <component v-bind:is="currentTabComponent"></component> </keep-al 阅读全文

摘要： 关于Vue插槽，只用过最简单的语法，现在完整地走一遍官方文档说明，并且探索更多用法。 01.如果组件中没有包含一个<slot>元素，则该组件起始标签和结束标签之间的任何内容都会被抛弃。 02.父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。 03.后备（默认） 阅读全文

摘要： 前言：这一篇是关于组件基础、组件注册、Prop等内容。 1.组件基础 01.组件是可复用的Vue实例 02.组件中的data选项必须是一个函数 03.一个组件默认可以有任意数量的prop 任何值都可以传递给任何prop。就像访问data一样。 04.使用$emit监听子组件事件 一个全局的子组件代码 阅读全文

摘要： 在Vue2.0中，代码复用和抽象的主要形式是组件。然鹅，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。 1.举个聚焦输入框的例子，全局注册focus指令 Vue.directive('focus', { inserted: function (el) { el.foc 阅读全文

摘要： 前言： 到现在用Vue做了不少项目了，用到的都是初阶的功能，很多高阶能力都没有用到。仅用初级阶段也能做项目，甚至是复杂项目，可见vue之强大，果然是渐进式开发方式。 但是本着虚心学习的态度，还是要抽空看看高阶知识，暂且不论何时会用到。 说明：不知道官网的示例代码是用了什么项目构建方式，这里我将示例改 阅读全文

摘要： 前言： TypeScript官网断断续续看过几遍，不知道项目中如何使用，有机会还是要实践一下。现在再把文档上不懂的知识点理一遍。 基础类型 1.什么是元组Tuple? 元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。 //声明一个元组类型 let x: [string, numb 阅读全文

摘要： 接下来可能要开发一个小程序，同事推荐使用mpvue，那么我提前熟悉下。 官网地址：http://mpvue.com/ 1.快速上手 http://mpvue.com/mpvue/quickstart/ 跟着官网提示走，搭建一个mpvue的小程序项目 注意，这里我用yarn代替了npm才安装成功。 2 阅读全文

摘要： 今天想用npm安装vue-cli@2.9 npm install --global vue-cli@2.9 卡半天，安装不成功，清空缓存，换taobao源重来，还是一样。 无奈之下换yarn yarn global add vue-cli@2.9 分分钟装完。 是时候列出一个npm和yarn常见命令 阅读全文

摘要： 前言： 介绍拖拽文件和选择文件两种操作，获取文件信息以及上传服务器的思路和流程 项目前端环境：vue,jquery 可拖拽文件批量上传 刚开始我是直接用的element-ui的上传组件，里面自带一个简单的拖拽属性，后来发现完全满足不了我们项目的各种奇葩需求。于是开始尝试从0手写一个可拖拽文件批量上传 阅读全文