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)内容请搜索靠谱客的其他文章。
发表评论 取消回复