Vue实例options中常用参数有哪些详细说明?

更新于
2026-09-28 09:37:51
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计613个文字,预计阅读时间需要3分钟。

Vue实例options中常用参数有哪些详细说明?

一. 创建一个Vue实例可以有下列两种方式:

1.使用new关键字创建一个实例:

javascript var app=new Vue({ el: '#app', // ... 其他选项 });

一. 新建一个Vue实例可以有下列两种方式:

1.new一个实例

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 // 默认输出,可在其他组件引用

2. 直接

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

二. Vue实例,我参数options。它是一个对象。

阅读全文

本文共计613个文字,预计阅读时间需要3分钟。

Vue实例options中常用参数有哪些详细说明?

一. 创建一个Vue实例可以有下列两种方式:

1.使用new关键字创建一个实例:

javascript var app=new Vue({ el: '#app', // ... 其他选项 });

一. 新建一个Vue实例可以有下列两种方式:

1.new一个实例

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 // 默认输出,可在其他组件引用

2. 直接

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

二. Vue实例,我参数options。它是一个对象。

阅读全文