hlccare

路由表中为对象，每个路由应该映射一个组件。 配置options对象的router，注入路由，整个应用都拥有路由功能。 通过以上操作，我们可以在任意组件中使用 this.$router 和 this.$route来分别访问 路由器 和 当前路由。 使用 router-link 组…

项目使用 vue + webpack + typescript。 所使用的svg图标为从iconFont上下载得到，需要引入至项目中。 1. 直接引入 首先解决如何引入的问题。 此时通过import得到的为对应的svg的路径，但这并不是我们想最终得到的。 2. 使用svg-sp…

对于input元素，默认使用 value property 和 input 事件。每当输入框内容发生变化时，触发input事件，将最新的value传给message。 则父组件的v-model的等价形式随之变化，而子组件所触发的事件也需要改变。 两者功能十分相似，都是用来实现双…

1. directives 指令 指令主要用于DOM操作，数据绑定、事件监听、DOM更新等，通过将常用或复杂的DOM操作封装为指令，来简化使用。 进行全局声明后，可以在任何一个组件里面使用 v-x 进行监听它的 click 事件。 进行局部声明后，v-x 仅能在该组件中使用。 …

以上代码中，子组件Child每次点击按钮会使得父组件的total的值减去100。

1. template的三种写法 html中的{{n}}会自动被替换，@click也会自动的被理解并且添加上一个事件监听。 使用VUE实例的$mount进行挂载，需要注意的是，div#app将会被template中的内容所替换。 在该文件中使用<template>标签…

1. computed 计算属性 计算属性就是被计算出来的属性就叫计算属性。 以上代码实现在网页中昵称、邮箱、号码依次优先展示。但如果在网页中有多处展示相同内容的地方，重复使用{{user.nickname || user.email || user.phone}}并不方便，且…

1. getter / setter ES6中的get和set语法将对象属性绑定到函数，访问/赋值时函数会被调用。 2. Object.defineProperty Object.defineProperty可以用来给对象添加属性value，添加getter/setter，来对…

1. el el提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器，也可以是一个 HTMLElement 实例。可不传el，而是用vm.$mount() 进行挂载。 2. data data为Vue 实例的数据对象。data的值可为函数或…