全局 APL (Vue 指令)

Vue.js 曹卷英
文章标签: 全局 vue 指令

#Vue,extend(options)

1.参数:

。{object} options

2.用法:

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

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

<div id="mount-point"><div> // HTML代码
//创建构造器     JS 代码
var Prodile=Vue.extend({
template:'<p>{{firstName}} {{lastName}} aka {{alias}}</p>'
data:function(){
return{
firstName:'Walter',
lastName:'White',
alias:'Heisenberg'
    }
  }
})
//创建profile().$mount('#mount-point')



结果如下:

<p> Walter White aka Heisenberg</p> //HTML 代码

。参考:组件

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :