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