VUE笔记大搬家

1.VUE概述
MVVM通过视图与模型的双向绑定，简化前端操作，VUE是一款前端渐进式框架提高前端开发效率

2示例搭建，
你必须要下载node.js。vue依赖于node.js的开发环境
通过初始化文件夹 npm init -y
下载vue 模块
npm install vue --save

3.具体语法
声明命名空间
var app=new Vue({
el:"#id",
data:{
name:“大C”
}
}
，method{
add:function(){
console.log(“点我”);
}
}，
create(){
this.msg=“hello.我是钩子函数”；
console.log(this);
}
);
插值表达式{{name}}
v-on:click=“num++”

3.vue的生命周期

创建前，创建后，挂载前，挂载后，更新前，更新后

v-text ="msg"给这个标签里面设置这个数
v-html ="msg"会对html内容标签进行炫然

v-model (双向绑定)
3个输入框v-model=“language”
data:{
language:[]
}

v-on是给目标元素绑定时事件的，事件的类型有参数绝对
v-on：(事件）=“methods“方法名”
v-for 遍历集合跟数组

v-show跟v-if都是做条件隐藏跟显示用的
v-if=”布尔表达式“

A

B

kkk

v-bind:class=“color”

然后再data中定义color的值

：class="{red:bool,blue:!bool}"

computed计算属性

watch,监控视图中的数据并且做出响应

组件的使用
父组件向子组件通讯

太简单了不想做笔记，自己去官网看吧