VUE知识点

VUE中几个单词的作用

（1）methods:{} 里面写的是方法调用的时候直接就触发
（2）computed:{} 计算属性里写的是监听某个值改变了然后改变了页面只有监听的值改变了才触发
（3）components:{} 里写的是创建的组件的名字
（4）prpos:父组件传给子组件时用的属性

生命周期

beforeCreate(){
console.log('组件创建之前');
},
使用最多的一个钩子函数，用来获取数据
created() {
console.log('组件创建完成');
这里用来引用插件
},
beforeMount() {
console.log('组件挂载之前，把html节点内容进行解析');
},
mounted() {
console.log('组件挂载完成，把html节点内容解析完成，此处可以获取组件的dom元素');
$el  可以获取当前组件中的dom元
 console.log(this.$el.style.color = 'red');
},
 更新的两个函数会重复执行，更新的时候不能改变数据，不然会出现死循环
beforeUpdate() {
console.log('组件更新之前， 当前属性和data数据发生改变的时候进行');
},
updated() {
console.log('组件更新完成');
// this.num++  死循环
},
beforeDestroy() {
console.log('组件销毁之前');
},
destroyed() {
console.log('组件销毁完成');
}

①父传子（使用属性）
从外往内传，使用props属性
在子元素中建一个props
②子传父（使用事件派发）
$on vue中的事件监听
$emit vue中的事件派发
③组件与组件之间传参
新建一个 const $eventBus = new Vue();
this.$eventBus.$emit(“coolectMovies”, c); 派发
this.$eventBus.$on(“coolectMovies”,c) 接收

基础

*请求加载图片

1	<meta name="referrer" content="no-referrer" />

请求资源时不把我的当前的主机信息传递给服务器
vue是一个前端渐进式的mvvm开发框架。
mvvm是一种开发模式，分为三块内容:model view view-model
model是用来存储数据的
view是用来展示数据的
view-model是视图模型层，用来对数据和视图进行双向绑定的
（1）v-model（可以加修饰符）
作用是把data中的数据和html页面中的form表单项做关联
v-model.trim 去空格
（2）事件绑定使用@或者v-on
@keyup=“事件名或操作” 键盘按下事件（keyCode来判断按得是哪个）
@clicck=“事件名或操作”
按键修饰符
@keyup.enter表示按下回车
@keyup.ctrl.enter表示ctrl+回车
@keyup.alt.enter表示alt+回车
（3）v-for
循环每一项在页面中进行显示。可以循环数组，字符串，数字，对象
v-for=”item in people” :key=””
“ : ”v-bind的简写绑定数据,每一个循环项目都需要一个唯一的key，作用是性能优化
（4）v-if/v-show
控制标签的显示和隐藏
v-show指令接收一个bool值true/false
v-if 是直接删除标签，不在页面中心事了（可以直接销毁组件）
v-show 是控制标签的display属性进行显示和隐藏
相对来说 v-show 的性能更高一些
（5）methods
在vue实例中可以访问到的自定义方法都写在这个属性中
methods中的方法可以相互调用，也能直接访问data中的数据，需要加上this关键字
（6）v-html 绑定一个富文本标签（富文本编辑器：wangEditor,ueditor,kindeditor）
富文本包含有html标签的字符串文本内容
管理后台？是对所有系统中的数据做管理
服务器端开发？ java、php、c#、python、ruby、nodejs等
调用服务器的一些资源，操作数据库存取数据，写接口，写页面
管理后台又叫管理系统，是一个web系统或者一个桌面系统
是由开发人员制作的，服务器端开发知识管理后台中的一部分而已
还需要前端
管理后台可以对系统的数据和用户会员信息做管理，管理后台是个企业内部使用的
（7）watch
监听一个数据的改变，触发一些列的操作。一个影响多个
（8）computed
多个影响一个

VUE中几个单词的作用

生命周期

基础

Hello World

express