美文网首页
vue-选项 / 其它

vue-选项 / 其它

作者: JK丶帝 | 来源:发表于2020-02-26 23:16 被阅读0次

name

类型:string

限制:只有作为组件选项时起作用。

详细

允许组件模板递归地调用自身。注意,组件在全局用 Vue.component() 注册时,全局 ID 自动作为组件的 name。

指定 name 选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外,当在有 vue-devtools,未命名组件将显示成 <AnonymousComponent>,这很没有语义。通过提供 name选项,可以获得更有语义信息的组件树。

delimiters

类型:Array<string>

默认值:["{{", "}}"]

限制:这个选项只在完整构建版本中的浏览器内编译时可用。

详细

改变纯文本插入分隔符。

示例

newVue({delimiters: ['${','}']})// 分隔符变成了 ES6 模板字符串的风格

functional

类型:boolean

详细

使组件无状态 (没有 data) 和无实例 (没有 this 上下文)。他们用一个简单的 render 函数返回虚拟节点使它们渲染的代价更小。

参考函数式组件

model

2.2.0 新增

类型:{ prop?: string, event?: string }

详细

允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event,但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。

Example

Vue.component('my-checkbox', {model: {prop:'checked',event:'change'},props: {// this allows using the `value` prop for a different purposevalue:String,// use `checked` as the prop which take the place of `value`checked: {type:Number,default:0}  },// ...})

上述代码相当于:

inheritAttrs

2.4.0 新增

类型:boolean

默认值:true

详细

默认情况下父作用域的不被认作 props 的特性绑定 (attribute bindings) 将会“回退”且作为普通的 HTML 特性应用在子组件的根元素上。当撰写包裹一个目标元素或另一个组件的组件时,这可能不会总是符合预期行为。通过设置 inheritAttrs 到 false,这些默认行为将会被去掉。而通过 (同样是 2.4 新增的) 实例属性 $attrs 可以让这些特性生效,且可以通过 v-bind 显性的绑定到非根元素上。

注意:这个选项不影响 class 和 style 绑定。

comments

2.4.0 新增

类型:boolean

默认值:false

限制:这个选项只在完整构建版本中的浏览器内编译时可用。

详细

当设为 true 时,将会保留且渲染模板中的 HTML 注释。默认行为是舍弃它们。

相关文章

  • vue-选项 / 其它

    name 类型:string 限制:只有作为组件选项时起作用。 详细: 允许组件模板递归地调用自身。注意,组件在全...

  • vue-选项 / 数据

    data 类型:Object | Function 限制:组件的定义只接受function。 详细: Vue 实例...

  • vue-选项 / 组合

    parent 类型:Vue instance 详细: 指定已创建的实例之父实例,在两者之间建立父子关系。子实例可以...

  • vue-选项 / 资源

    directives 类型:Object 详细: 包含 Vue 实例可用指令的哈希表。 参考:自定义指令 filt...

  • vue-选项 / DOM

    el 类型:string | Element 限制:只在用new创建实例时生效。 详细: 提供一个在页面上已存在的...

  • Vue-基础-03-重点

    Vue-基础-day03-重点 01-基础-实例选项-计算属性-基本使用 场景:b依赖a b就是computed...

  • vue-封装axios(不带token)

    vue-封装axios(不带token)

  • 还有一个选项叫做“其它”

    第一次独立完成的作品,经过这一次的艰难临摹创作,增强了我的自信心。刚开始我是怀疑自己的能力,不知道能不能画出来,每...

  • vue-封装axios(带token,跳转到login页面)

    vue-封装axios(带token,跳转到login页面)

  • vue-cli搭建cnode社区

    一、准备工作 1.使用vue-­cli脚手架搭建项目,参考我的文章:使用使用vue-­cli脚手架搭建项目2.安装...

网友评论

      本文标题:vue-选项 / 其它

      本文链接:https://www.haomeiwen.com/subject/cpagchtx.html