摘要：
一、父子组件介绍 二、Vue3.x组件自定义事件实现子组件给父组件传值 注意： Vue官方推荐你始终使用 kebab-case 的事件名。 子组件DatePicker.vue <template> <button @click="run">通过广播方式实现子组件给父组件传值</button> </t 阅读全文
摘要：
一、父子组件介绍 二、Vue3.x父组件主动获取子组件的数据和执行子组件方法 2.1、调用子组件的时候定义一个ref <v-header ref="header"></v-header> 2.2、父组件主动获取子组件数据 this.$refs.header.属性 2.3、父组件主动执行子组件方法 t 阅读全文
摘要：
一、父子组件介绍 二、父组件给子组件传值 1、父组件调用子组件的时候传值 <template> <v-header :title="title"></v-header> </template> <script> import Header from './Header' export default 阅读全文
摘要：
一、Vue3.x 中的组件 组件可以拓展html标签，解决html标签构建应用的不足，Vue项目由一个一个的组件组成。 二、Vue3.x 中定义组件注册组件 1、定义一个公共的头部组件 components/header.vue <template> <header>我是一个头部组件</header 阅读全文
摘要：
一、Vue3.x 实现一个完整的toDoList（待办事项） 以及类似京东App搜索缓存数据功能 二、 localStorage里面的方法 localStorage.setItem(key,value) localStorage.getItem(key) localStorage.removeIte 阅读全文
摘要：
一、Vue3.x中集成Sass/scsss 1.1、安装sass-loader node-sass npm install -D sass-loader node-sass 1.2、style中配置sass/scss lang可以配置scss ，scoped表示这里写的css只有当前组件有效 <st 阅读全文
摘要：
一、Vue3.x模板中使用JavaScript表达式 业务逻辑: data() { return { number: 1 } } template模板： {{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().j 阅读全文