Vue实例的对象参数常用选项

Vue 632 0 2023-02-14

Vue实例的对象参数常用选项

Vue实例创建:

var app= new Vue({
 el:'#todo-app', // 挂载元素
 data:{ // 在.vue组件中data是一个函数,要写成data () {}这种方式
  items:['item 1','item 2','item 3'],
  todo:''
 },
 methods:{ // 方法成员
  rm:function(i){
   this.items.splice(i,1)
  }
 }
})
// 之后再

export default app // 默认输出,可在其他组件引用

直接引用:

export default {
 name: '',
 components: {},
 data: () {}, // data函数成员
 watch: {}, // watch监视成员
 computed: {}, // computed计算成员
 created: function () {},
 methods: {}, // methods对象成员
 actions: {}
}


Vue参数options,它是一个对象,可选项如下:
el 挂载元素
data 函数成员
template 模板
生命周期钩子,在 setup() 函数中使用
prop 属性声明
computed 计算

methods 对象成员

watch 监视
directives 注册指令
components 注册组件


参考来源:

http://www.3qphp.com/web/javascript/5028.html

https://jiuaidu.com/jianzhan/462301/

https://www.jianshu.com/p/bee7875d0992

上一篇:vue Prop的父组件内向子组件传递参数和Prop验证

下一篇:Naive UI的安装和使用

讨论数量:0

请先登录再发表讨论。 2024-11-24

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链