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