Vue实例options中常用参数有哪些详细说明?
- 内容介绍
- 文章标签
- 相关推荐
本文共计613个文字,预计阅读时间需要3分钟。
一. 创建一个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实例可以有下列两种方式:
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。它是一个对象。

