Vue页面加载时,触发相关函数,使用了mounted/methods
Vue 函数 页面 加载 相关 触发 methods mounted
2023-09-11 14:19:20 时间
var vue = new Vue({ el: "#vueArea", data: { list: [] }, mounted: function () { this.cityData(); }, methods: { cityData() { var self = this; ajaxPureRequest('/sales/GetCity', 'get', null, false, function (rs) { if (rs.code == "200") { self.list = rs.res.data; } }) } } });
mounted是vue中的一个钩子函数,一般在初始化页面完成后,再对dom节点进行相关操作。
metheds 函数提前定义( 类似提前声明变量 进入页面内容全部渲染完成后自动引函数),如上面的示例所示。
相关文章
- (尚031)Vue_案例_自定义事件(组件间通信第2种方式:vue自定义事件)
- Vue: 全局函数和变量
- 手写一个服务器代码将 《vue电商后台管理系统》部署上去 上线、打包
- Vue 中关于页面全屏登录页面无法全屏解决
- Vue2.0 搭建Vue脚手架(vue-cli)
- 【面试Vue全家桶】vue前端交互模式-es7的语法结构?async/await
- vue 圆形进度条组件解析
- tinymce 5更新后,如何使用tinymce-vue
- 新版vue-cli如何使用json-server来mork
- vue从入门到进阶:渲染函数 & JSX(八)
- vue 子组件data属性为啥必须是一个函数
- Vue---定义全局过滤器---时间格式化
- 用 vue cli 脚手架搭建单页面 Vue 应用(进阶2)
- vue学习笔记五:Jquery VS Vue之事件监听明细对照
- vue学习笔记十:Jquery VS Vue之页面动画明细对照
- vue框架与koa2服务器实现跨域通信
- Vue组件间通信6种方式
- 前端技术:vue(Vue项目中-axios设置默认请求地址和请求头)
- vscode快速生成vue代码---创建Vue代码模板
- Vue路由跳转后 Index.html中引入的JS文件失效 问题解决
- Vue学习第20天——Vue中常用的ajax请求库(axios与vue-rouserce)
- Vue开发实例(19)之用户列表分页的实现
- 懒人必备:使用vue ui创建vue项目
- vue组件终端报错: error Component name “xxx“ should always be multi-word vue/multi-word-component-names