香香鲲 - 博客园

2022年9月6日

摘要：单文件组件引入方式: @1官方脚手架 @2挂载vm对象 @3组件引入并渲染到vm中单文件组件有全局组件和局部组件：只是把一个组件单独写在一个.vue文件中,供别的组件引入然后注册局部组件 1、在style标签中添加一个scoped 原理：vue的插件webpack打包时，会把当前组件模板中阅读全文

posted @ 2022-09-06 13:57 香香鲲阅读(310) 评论(0) 推荐(0)

2022年9月4日

Vue2：计算属性（computed）

摘要：计算属性computed 把computed中的方法当做属性使用,会返回一个数据供使用什么是计算属性？计算属性就是处理数据源中的数据，用于渲染，而且会监听计算属性中使用到的数据源，然后把计算的结果进行缓存；如果监听的数据源发生了变化才会重新计算否则直接使用缓存的数据语法： new Vu 阅读全文

posted @ 2022-09-04 21:01 香香鲲阅读(1961) 评论(0) 推荐(0)

Vue2：组件基础(面试)

摘要：组件组件是可复用的 Vue 实例，主要用于开发中具有相同特征不同数据的模块把它集成为一个组件供重复利用；把组件当做一种标签使用，用一次它内部的代码就会完整的执行一次，就像是一个函数一样,使用组件就相当于在调用函数，实参就相当于组件的属性传值组件基础（面试） 1.全局组件: 所有组件共同阅读全文

posted @ 2022-09-04 21:01 香香鲲阅读(51) 评论(0) 推荐(0)

Vue2：生命周期函数(面试)

摘要：生命周期函数创建前后：beforeCreate() created() 挂载前后：beforeMount() mounted() 更新前后：beforeUpdate() updated() 销毁前后：beforeDestroy() destroyed() //钩子函数: 生命周期函数 (c语言中有阅读全文

posted @ 2022-09-04 20:54 香香鲲阅读(201) 评论(0) 推荐(0)

Vue2：自定义指令(面试)

摘要：自定义指令除了默认设置的核心指令( v-model 和 v-show 等)，Vue 也允许注册自定义指令。在Vue里，代码复用的主要形式和抽象是组件。然而，有的情况下，仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自定义指令。以一个input元素自动获得焦点为例，当页面加载时，使用阅读全文

posted @ 2022-09-04 20:42 香香鲲阅读(273) 评论(0) 推荐(0)

Vue2：属性监听器

摘要：属性监听器watch 格式： var vm = new Vue({ el: '#app', data: {}, methods: { }, watch: { fn() {}, obj: { deep: true, handler: () => {} } } }) watch:{x(){}}中的方法名阅读全文

posted @ 2022-09-04 20:33 香香鲲阅读(122) 评论(0) 推荐(0)

2022年9月3日

MVC与MVVM

摘要：什么是MVC？（1）MVC 在实际应用开发场景中，开发者常用的一种设计模式是MVC（eg：node（后端）中的MVC设计模式）： M（Model）：数据模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据。 V（View）：视图层。是应用程序中处理数据显示的部分，视图阅读全文

posted @ 2022-09-03 11:44 香香鲲阅读(47) 评论(0) 推荐(0)

2022年8月31日

Vue2：用Vue框架实现 - 移动端的tabbar

摘要： <!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-08-31 22:46 香香鲲阅读(310) 评论(0) 推荐(0)

Vue2：用Vue框架实现 - JSON数据渲染页面

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="referrer" content="no-referrer" /> <meta http-equiv="X-UA-Compatible" conte 阅读全文

posted @ 2022-08-31 22:44 香香鲲阅读(695) 评论(0) 推荐(0)

Vue2：用Vue框架实现 - 点击切换图片

摘要： <!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-08-31 22:41 香香鲲阅读(1055) 评论(0) 推荐(0)