03 2022 档案

摘要:<script> export default { name:"JSXFile", data() { return { msg: "消息", } }, methods:{ clickHandler(){ console.log("点击了"); this.msg="呵呵哒" } }, render() 阅读全文
posted @ 2022-03-04 14:24 嘉琦 阅读(24) 评论(0) 推荐(0) 编辑
摘要:自定义全局指令方法一:(写入main.js 根文件中) Vue.directive("focus",{ inserted:function(ele){ ele.focus() } }) 方法二:(自定义一个js文件) 1.1自定义js文件: import Vue from "vue" //必须要有这 阅读全文
posted @ 2022-03-04 11:57 嘉琦 阅读(50) 评论(0) 推荐(0) 编辑
摘要:准备工作:基础结构 <template> <div> <button @click="show = !show"> Toggle render </button> <!-- <transition name="slide-fade"> <p v-if="show">hello</p> </trans 阅读全文
posted @ 2022-03-03 21:41 嘉琦 阅读(124) 评论(0) 推荐(0) 编辑
摘要:main.js 根文件: data() { return { rootMsg:"我是根实例" } }, methods:{ getmsg(){ return this.rootMsg } } APP.vue父级文件 data() { return { rootMsg:"我是APP例" } }, me 阅读全文
posted @ 2022-03-03 20:38 嘉琦 阅读(94) 评论(0) 推荐(0) 编辑
摘要:动态组件准备工作 组件1:Acomponent内容部分: <template> <div>{{msg}}</div> </template> <script> export default { name:"Dynamic", data() { return { msg:"welcome 组件A!" 阅读全文
posted @ 2022-03-03 16:27 嘉琦 阅读(395) 评论(0) 推荐(0) 编辑
摘要:父传子 1.父组件 <template> <div> <HelloWorld :msg="msg" v-model="number"></HelloWorld> </div> </template> <script> import HelloWorld from './components/Hell 阅读全文
posted @ 2022-03-03 11:37 嘉琦 阅读(82) 评论(0) 推荐(0) 编辑
摘要:Vue 变异方法 push() 接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度 pop() 从数组末尾移除最后一项,减少数组的length值,然后返回移除的项 shift() 移除数组中的第一个项并返回该项,同时数组的长度减1 unshift() 在数组前端添加任意个项并返回新 阅读全文
posted @ 2022-03-01 19:42 嘉琦 阅读(314) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示