随笔分类 -  Vue学习笔记

摘要:1). 创建项目 vue create myapp02 2). 添加一个配置文件 vue.config.js module.exports={ lintOnSave:false, devServer:{ port:8080 } } 3). 启动项目 yarn serve 4). 删除 compone 阅读全文
posted @ 2022-10-28 19:43 蒜泥捣莓 阅读(107) 评论(0) 推荐(0) 编辑
摘要:一、实现原理: 子组件配置props属性接受父组件传来的index值,top子组件采用this.$emit方法传index值给父组件 二、HTML代码: <div class="box"> <my-top @xxx="fnChange"></my-top> <my-body :curindex="c 阅读全文
posted @ 2022-10-28 19:43 蒜泥捣莓 阅读(203) 评论(0) 推荐(0) 编辑
摘要:router.addRouter的基础用法 静态路由 const routes = [ { path: '/', name: 'Login', component: () => import(/* webpackChunkName: "about" */ '@/views/Login.vue') } 阅读全文
posted @ 2022-10-28 19:42 蒜泥捣莓 阅读(33) 评论(0) 推荐(0) 编辑
摘要:一、插值表达式 一般用在标签体的值 {{}} 可插入: 算术表达式 逻辑表达式 关系表达式 三元运算符 js内置方法 切勿: 声明变量 创建函数 控制流程 二、指令语法 用于解析标签(标签体,标签属性, 绑定事件)上 1. v-cloak //带有v-cloak属性先隐藏,页面加载完后,将v-clo 阅读全文
posted @ 2022-10-28 19:41 蒜泥捣莓 阅读(50) 评论(0) 推荐(0) 编辑
摘要:Vue静态路由 <div id="app"> <router-link to="/home" tag="span">home</router-link> <router-link to="/index" tag="span>index</router-link> <router-view></rou 阅读全文
posted @ 2022-10-28 19:40 蒜泥捣莓 阅读(63) 评论(0) 推荐(0) 编辑

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