摘要: vue点击事件 平时使用JS的点击事件方式如下: <button click="btn1">按钮1</button> function btn1() { } 如果希望点击时间能够触发vue定义的函数,则如下: <button @click="btn1">按钮1</button> new Vue({ 阅读全文
posted @ 2022-05-19 15:15 爱编程DE文兄 阅读(51) 评论(0) 推荐(0) 编辑
摘要: mvvm模型在Vue中的使用 所以为什么经常给vue实例命名为 vm的原因就找到了 data数据渲染 我们在 data中定义的数据,会通过数据代理的方式最终作为 Vue实例(准确讲应该是当前组件对象)的属性,如下: 还有一个常识:在模板上的html代码,使用 v-bind,v-model,{{}} 阅读全文
posted @ 2022-05-19 14:45 爱编程DE文兄 阅读(25) 评论(0) 推荐(0) 编辑
摘要: Vue实例内置对象 如果我们打印Vue实例对象,可以看到很多$开头的属性,如下: 这些内置对象是Vue提供给我们用的,我们可以设置和获取这些内置属性。一般情况下是在子组件进行设置和获取的。 还有其他一些_开头的属性我们不用管,是vue自身需要使用的。 阅读全文
posted @ 2022-05-19 14:20 爱编程DE文兄 阅读(95) 评论(0) 推荐(0) 编辑
摘要: el的两种写法 写法1 new Vue({ el: '#app' }) 写法2 const v = new Vue({ }) v.$mount('#app') 总结 两种写法都可以,实际中写法1比较常见 data的两种写法 写法1 new Vue({ el: '#app', data: { name 阅读全文
posted @ 2022-05-19 14:16 爱编程DE文兄 阅读(30) 评论(0) 推荐(0) 编辑