vue api学习笔记

https://cn.vuejs.org/v2/api/

Vue.extend( options )

• 参数：

  • {Object} options

• 用法：

  使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。

  data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数

  <div id="mount-point"></div>

  // 创建构造器 var Profile = Vue.extend({ template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>', data: function () { return { firstName: 'Walter', lastName: 'White', alias: 'Heisenberg' } } }) // 创建 Profile 实例，并挂载到一个元素上。 new Profile().$mount('#mount-point')

  结果如下：

  <p>Walter White aka Heisenberg</p>

Vue.directive( id, [definition] )

• 参数：

  扫描二维码关注公众号，回复： 958531 查看本文章
  • {string} id
  • {Function | Object} [definition]

• 用法：

  注册或获取全局指令。

  // 注册 Vue.directive('my-directive', { bind: function () {}, inserted: function () {}, update: function () {}, componentUpdated: function () {}, unbind: function () {} }) // 注册 (指令函数) Vue.directive('my-directive', function () { // 这里将会被 `bind` 和 `update` 调用 }) // getter，返回已注册的指令 var myDirective = Vue.directive('my-directive')

Vue.filter( id, [definition] )

• 参数：

  • {string} id
  • {Function} [definition]

• 用法：

  注册或获取全局过滤器。

  // 注册 Vue.filter('my-filter', function (value) { // 返回处理后的值 }) // getter，返回已注册的过滤器 var myFilter = Vue.filter('my-filter')