joe0516的专栏

模板内的表达式常用于简单的运算，当其过长或逻辑复杂时，会难以维护，本章的计算属性就是用于解决该问题的。3.1什么是计算属性表达式如果过长，或逻辑更为复杂时，就会变得脯肿甚至难以阅读和维护，比如：<div> {{ text.split(',').reverse().join (','))) </div> 这里的表达式包含3个操作，并不是很清晰，所以在遇到...

Vue提供了插件机制，可以在全局添加一些功能。它们可以简单到几个方法、属性，也可以很复杂，比如一整套组件库。注册插件需要一个公开的方法install ，它的第一个参数是Vue 构造器，第二个参数是一个可选的选项对象。示例代码如下：Myplugin.install = function(Vue,option){ //全局注册组件 Vue.component('component...

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。10 .2 webpack 基础配置先要安装npm和node.js首先，创建一个目录，比如dem...

iView 是一套基于Vue 扣2 的开源UI组件库，主要服务于PC 界面的中后台产品。简单地理解，它是深度封装的40 多个常用业务组件，比如Input 、Checkbox, Select 、Table ；但它同时也是一整套的前端解决方案，包括设计规范、基础样式，支持服务端渲染（ SSR ），同时提供了可视化脚手架，方便快速构建项目工程.12.1 级联选择组件Cascader       ...

9.1 什么是Virtual DomVirtual Dom并不是真正意义上的DOM，而是一个轻量级的JavaScript对象，在状态发生变化时，Virtual Dom会进行Diff运算，来更新只需要被替换的DOM，而不是全部重绘。与DOM操作相比，Virtual Dom是基于JavaScript计算的，所以开销会小很多。export interface VNode { tag...

8.1 基本用法自定义指令的注册方法和组件很像，也分全局注册和局部注册，比如注册一个v-focus 的指令，用于在＜input> 、＜textarea>元素初始化时自动获得焦点，两种写法分别是：//全局注册Vue.directive('focus',{ //指令选项 });//局部注册var app =new Vue({ el:'#a...

第七章 组件详解组件的作用是为了代码可复用，提高重用性。在使用组件时可以自定义标签。比如:<Card>、<Row>、<i-col>等。7.1.2  组件用法组件需要注册后才能使用。注册分为全局注册和局部注册两种方式。全局注册后，任何Vue实例都可以使用。组件名自定义，最好使用小写加减号的形式命名。要是在父实例使用组件，必须要在实例创建前注册。&...

6.1 基本用法表单控件在实际业务较为常见，比如单选、多选、下拉选择、输入框等，用它们可以完成数据的录入、校验、提交等。Vue扣提供了v-mo del 指令，用于在表单类元素上双向绑定数据，例如在输入框上使用时，输入的内容会实时映射到绑定的数据上。<div id="app">         <input type="text" v-model="message" p...

一.v-bind的使用方法它的主要用法是动态更新HTML 元素上的属性<a v-bind:href="url">链接</a> <img v-bind:src "imgUrl"> <!-- 缩写为 --＞<a :href="url">链接</a> <img :sr

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。安装使用 npm:$ npm install axios使用 bower:$ bower install axios使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></s...