我是靠谱客的博主 斯文海燕,这篇文章主要介绍VUE基础整理(1) 基础属性 生命周期,现在分享给大家,希望可以做个参考。

VUE基础整理(1) 基础属性 声明周期

vue官方文档
https://vuejs.bootcss.com/guide/
https://www.cntofu.com/book/133/installation.md

兼容 vue做为国内主流的系统技术框架 功能十分全面 但兼容性因为采用了ES6语法为底层所以只能达到IE10的程度

基础属性

vue create entry_name

可以在node.js中搭建一个vue项目框架
name可以定义组件名 :个人觉得加上规范 不加也没什么

name: 'app',//主键名App  是项目第一个访问的组件

data () {
return {}
}
vue组件中data是必不可少的 顾名思义data是数据的存放处 在return 中的变量更是可以直接通过 叉之表达式与页面元素关联
props:{}
props 的作用在于接收父组件转值 需要指定类型 也可以用Array表示所有类型
computed:{} 用于存放计算属性 可以把计算结果写成变量 也可以和页面元素关联 当页面在data中找不到变量时就会来computed里找
watch 变量监听器 可以监听指定变量 当变量发送改变时触发函数事件

声明周期
beforeCreate 初始化生命周期和函数完成 会执行的第一个生命周期函数
created : 第一个能拿到data和methods的生命周期函数
beforeMount : 挂载页面之前执行的生命周期函数
mounted :第一个能拿到页面元素的生命周期函数
beforeDestroy :组件销毁前执行的生命周期函数
Destroyed :组件被完全销毁之后执行的生命周期函数
beforeUpdate :配置数据变化,页面重新渲染前执行的生命周期函数
updated :当数据重新渲染时会执行的生命周期函数
activated :页面激活时触发 要在keep-alive中才有效
deactivated :有keep-alive时可以触发 因为keep-alive中beforeDestory和destoryed是不触发的

最后

以上就是斯文海燕最近收集整理的关于VUE基础整理(1) 基础属性 生命周期的全部内容,更多相关VUE基础整理(1)内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(43)

评论列表共有 0 条评论

立即
投稿
返回
顶部