Sherwin_szw - 博客园

2022年11月3日

摘要：概念 mixin 混入：可以把多个组件共用的配置提取成一个混入对象提取混入对象 export const hunhe={ methods:{ show(){ console.log('show'); } }, data(){ return{ age:12 } } } 注册混入，全局注册（只要注册了阅读全文

posted @ 2022-11-03 20:29 Sherwin_szw 阅读(33) 评论(0) 推荐(0)

props配置项指定默认值

摘要：定义 props是组件间通信，父传子，自定义属性时，子组件间中接收父组件中传入的数据使用的配置项主 <script> import New from './components/NewComponents.vue' export default{ components:{ New, }, data 阅读全文

posted @ 2022-11-03 16:47 Sherwin_szw 阅读(119) 评论(0) 推荐(0)

2022年11月2日

es6导入导出语法

摘要： test.js let name1 = 'testName'; function testFunc(){ console.log(name1); } export default { name1, testFunc} 使用 <script> // 导入 import test from '../te 阅读全文

posted @ 2022-11-02 17:17 Sherwin_szw 阅读(40) 评论(0) 推荐(0)

简单的组件化开发

摘要：组件就是 xx.vue   <script> export default { data() { return { name: 'szw' } }, prop 阅读全文

posted @ 2022-11-02 14:47 Sherwin_szw 阅读(17) 评论(0) 推荐(0)

2022年10月30日

插槽

摘要：不具名插槽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte 阅读全文

posted @ 2022-10-30 15:50 Sherwin_szw 阅读(19) 评论(0) 推荐(0)

动态组件 keep-alive

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-10-30 12:38 Sherwin_szw 阅读(34) 评论(0) 推荐(0)

2022年10月29日

组件通信

摘要：概念各个组件间，数据，方法，都是隔离的通过自定义属性，实现父传子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" 阅读全文

posted @ 2022-10-29 18:23 Sherwin_szw 阅读(25) 评论(0) 推荐(0)

组件化开发基础

摘要：概念 # 作用：扩展 HTML 元素，封装可重用的代码，目的是复用 -例如：有一个轮播，可以在很多页面中使用，一个轮播有js，css，html -组件把js，css，html放到一起，有逻辑，有样式，有html # 多组件页面和单组件页面 -官方推荐，以后一个组件是一个 xx.vue 文件》编译阅读全文

posted @ 2022-10-29 18:01 Sherwin_szw 阅读(23) 评论(0) 推荐(0)

监听属性

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-10-29 17:58 Sherwin_szw 阅读(20) 评论(0) 推荐(0)

2022年10月28日

计算属性

摘要：概念计算属性： 1 以后当属性用 2 只有关联的数据变化，才重新运算 3 有缓存，数据没有变化，页面再更新，它也不变化例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> < 阅读全文

posted @ 2022-10-28 14:53 Sherwin_szw 阅读(19) 评论(0) 推荐(0)