一、Vue应用的数据配置选项
Vue中的createApp()创建Vue应用实例
- data 选项为一个javascript函数,提供应用所需的全局数据
- props 选项接收父组件传递的数据
- computed 选项配置组件的计算属性
- methods 配置组件中使用到的方法
- watch 对组件属性的变化添加监听函数
定义与使用组件
//定义组件
<script>
const App = Vue.createApp({})
const alertComponent = {
data(){
return {
msg:"警告框提示",
count:0
}
},
methods:{
click(){
alrert(this.msg + this.count++)
}
},
template:`<div><button @click="click">按钮</button></div>`
}
App.c