[JavaScript知识库]VUE基础学习

环境搭建

新建一个html文件，输入html选择html5文件配置

加入vue的cdn文件

script?src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"</script>

创建一个空的div，设置id为app

<div id="app">

? </div>

创建vue对象，设计对象的内容，该vue对象为id为app的对象

<script>

? var v = new Vue({

? el: "#app",

? data: {

? name: "zhangsan",

? age: 20,

? score: 100

? }

? });

? </script>

语法

插值表达式

{{}}

v-if分支

v-for循环

属性绑定

v-model

v-bind

事件绑定

v-on

事件修饰符

计算属性：computed

计算属性的主要特性就是将不经常变化的计算结果进行缓存，以节约系统开销

vue的组件化

组件的全局注册

vue变量需要在全局变量声明后注册

组件的局部注册

一个完整的Vue组件，可以被封装后重复使用

组件的生命周期（钩子函数）

beforeCreate（创建实例之前执行）、created（实例创建完成后执行）、beforeMount、mounted、beforeUpdate（）、

updated、beforeDestroy、destroyed