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是不触发的