“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 3天，点击查看活动详情”

 一.简单回顾一下SSM

SSM主要包含mybatis,spring以及springmvc

1.mybatis:仅仅用于连接数据库，当然也可以用JDBC来代替，只是JDBC实现起来多少会有一点的麻烦。

​

 

2.spring

​

 3.springmvc

​

 

 二.Vue的入门开始

1.Vue的概述：

Vue是一套用于构建用户界面的渐进式框架。Vue被设计为可以自底向上逐层应用。

2.Vue的核心以及优点：

Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router，vue-resource，vuex）或既有项目整合。

3.为什么要使用Vue.js?

1）轻量级，体积小是一个重要指标。压缩后有只有20KB多 (Angular压KB+，React压KB+) 。

2）移动优先。更适合移动端，比如移动端的Touch事件。

3）易上手，学习曲线平稳，文档齐全。

4）吸取了Angular(模块化）和React(虚拟DOM）的长处，并拥有自己独特的功能。

如:计算属性 ·吸取了Angular(模块化)和Reaction(虚拟DOM)的长处，并拥有自己独特的功能，如:计算属性)。

5)开源，社区活跃度高 。

三.Vue的第一个程序

1.如何快速建一个工程，先自己建一个文件夹，之后用idea的open打开速度会比idea自己新建快一些。

点击刚刚创建的文件之后，会自动包含一个.idea

​

 

2.输入一个命令：npm install -g vue-cli

目的：安装vue的脚手架

​

 

1.新建一个工程

第一次新建一个vue工程时，我们发现右键工程新建没有关于vue的相关组件,那么如何进行解决呢？

在setting里面找到插件，搜索一下vue.js,点击安装即可：

​

<template>

</template>

<script>
export default {
name: "${NAME}",

  //定义变量和初始化值
  data(){
    return{
      
    }
  },
  //在页面渲染之前执行
  created() {
    
  },
  //定义方法，进行请求接口调用
  methods: {
    
  }
}
</script>

<style scoped>

</style>

“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 3天，点击查看活动详情”

​