vue中created、mounted等方法整理
2023-09-11 14:21:56 时间
vue中created、mounted等方法整理
本文链接:https://blog.csdn.net/liudoris/article/details/80255311
created:html加载完成之前,执行。执行顺序:父组件-子组件
mounted:html加载完成后执行。执行顺序:子组件-父组件
methods:事件方法执行
watch:watch是去监听一个值的变化,然后执行相对应的函数。
computed:computed是计算属性,也就是依赖其它的属性计算所得出最后的值
export default {
name: "draw",
data(){ // 定义变量source
return {
source:new ol.source.Vector({wrapX: false}),
}
},
props:{ //接收父组件传递过来的参数
map:{
//type:String
},
},
mounted(){ //页面初始化方法
if (map==map){
}
var vector = new ol.layer.Vector({
source: this.source
});
this.map.addLayer(vector);
},
watch: { //监听值变化:map值
map:function () {
console.log('3333'+this.map);
//return this.map
console.log('444444'+this.map);
var vector = new ol.layer.Vector({
source: this.source
});
this.map.addLayer(vector);
}
},
methods:{ //监听方法 click事件等,执行drawFeatures方法
drawFeatures:function(drawType){}
}
相关文章
- 第三节.vue.js属性与方法
- [转] vue自定义组件(通过Vue.use()来使用)即install的使用
- 【Vue】在VsCode中报错 error ‘xxx‘ is assigned a value but never used的解决方法
- 【Vue】单击click事件综合示例和防冒泡方法
- vue计算动态元素宽度
- iview+vue 项目中使用树结构
- vue中$set的实现方法
- Web前端-Vue.js必备框架(四)
- 分享几个简单的技巧让你的 vue.js 代码更优雅
- 详解vue全局组件与局部组件使用方法
- vue常用
- 后台(一)vue+element-ui(全局配置)
- vue---向后台添加数据--删除数据--事件方法传参---在单页面配置url请求地址--暂时没有用到webpack
- VUE-015-解决 vue install 引发的 failed Error: not found: python2 问题
- VUE-005-axios常用请求参数设置方法
- 【Vue】vue基础语法——自定义指令、过滤、组件和动画(内附详细案例代码)——day04
- 【Vue】vue基础语法——computed计算、watch监听、class和style,最后回顾JavaScript里面的常用方法(vue学习day03)
- vue学习笔记四:Jquery VS Vue之元素操作明细对照
- 基于Vue2.0+Vue-router构建一个简单的单页应用
- 浅谈vue中插件的使用方法Vue.use(xxx),原理及实现
- vue 使用addRoutes动态添加路由 刷新页面跳转404路由的问题 第一次跳转到404页面
- vue-cli3运行本地项目后,端口不随设置的随便变化
- Vue打开新页面的方法
- vue脚手架用axios请求本地数据
- 如何使用@vue/cli 3.0在npm上创建,发布和使用你自己的Vue.js组件库
- vscode快速生成vue代码---创建Vue代码模板
- Web 前端 之 Vue vue cli 环境的搭建简单整理(简单的一些注意事项)