摘要: 一、slot插槽 1、简单使用 可以在子组件模板中定义一个《slot》标签,作为插槽; 这样在父组件模板调用子组件模板时,可以在《cpn》《/cpn》中写入东西,比如 <cpn><p>我是一个p元素</p></cpn> 这个时候, <p>我是一个p元素</p> 就会重写插槽内的默认值; 2、具名插槽 阅读全文
posted @ 2021-08-26 16:54 Eric-Shen 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 一、组件化 1、介绍 2、注册组件的三个步骤 3、全局组件和局部组件 全局组件使用vue类的component方法创建;这个时候这个组件将可以在所有的vue实例下使用; 局部组件在创建某个vue实例的时候添加component属性创建,那么这个组件就只能在这个vue实例下使用; 4、父组件和子组件 阅读全文
posted @ 2021-08-26 16:04 Eric-Shen 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 一、事件监听v-on: 1、什么叫事件监听 v-on参数,就是可以监听我们触发的各种事件,比如点击click事件、键盘keyup事件;监听的原理是什么?我猜是因为我们的每一个事件都会产生一个对象,v-on捕获到了相关的对象就算是监听到了相关的事件; 2、v-on参数 (1)不需要参数时,可以简写 ( 阅读全文
posted @ 2021-08-26 15:36 Eric-Shen 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 一、基本语法 1、mustache语法: 双大括号,让data属性的值响应式的显示在html文件中; 也可以在双大括号中写一些简单的表达式; 2、v-once语法 标签只渲染一次,后期改变不进行渲染; 还有v-for和v-on语法和v-clok语法; 其中v-cloak斗篷语法,现在用的很少; v- 阅读全文
posted @ 2021-08-26 15:35 Eric-Shen 阅读(90) 评论(0) 推荐(0) 编辑
摘要: vue的这种声明式编程,可以有效的进行数据和页面的相分离; 以前使用的原生js或jquery是命令式编程,就会很冗余; el属性告诉vue对象以后管理哪个元素。 data属性帮助我们管理数据,并进行在视图上显示;methods属性主要是一些可能会被事件触发的方法; v-for的命令:可以循环遍历数据 阅读全文
posted @ 2021-08-26 15:33 Eric-Shen 阅读(52) 评论(0) 推荐(0) 编辑