摘要: // 创建时的四个事件 beforeCreate() { // 第一个被执行的钩子方法:实例被创建出来之前执行 console.log(this.message) //undefined this.show() //TypeError: this.show is not a function // 阅读全文
posted @ 2022-06-13 22:51 阿灿呀 阅读(23) 评论(0) 推荐(0)
摘要: // 定义局部组件 var app = new Vue({ el: '#app', // 定义局部组件,这里可以定义多个局部组件 components: { //组件的名字 'Navbar': { //组件的内容 template: '<ul><li>首页</li><li>学员管理</li></ul 阅读全文
posted @ 2022-06-13 22:48 阿灿呀 阅读(49) 评论(0) 推荐(0)
摘要: <!-- 1、简单的列表渲染 --> <ul> <li v-for="n in 10">{{ n }} </li> </ul> <ul> <!-- 如果想获取索引,则使用index关键字,注意,圆括号中的index必须放在后面 --> <li v-for="(n, index) in 5">{{ n 阅读全文
posted @ 2022-06-13 22:44 阿灿呀 阅读(640) 评论(0) 推荐(0)
摘要: <!-- 修饰符用于指出一个指令应该以特殊方式绑定。 这里的 .prevent 修饰符告诉 v-on 指令对于触发的事件调用js的 event.preventDefault(): 即阻止表单提交的默认行为 --> <form action="save" v-on:submit.prevent="on 阅读全文
posted @ 2022-06-13 22:39 阿灿呀 阅读(56) 评论(0) 推荐(0)