Vue2学习

随便记录一下，欢迎大家交流学习指正

1.nodejs 相比对于Java 中的jdk，是一个代码的运行区域，类比：.java文件在jdk中被编译成class文件，javac再执行。就和nodejs中 把vue编译成.html  .js文件，然后执行

2.Vue.cli这个脚手架呢，就和tomcat比较类似。我们通过npm run执行呢就像springboot集成内嵌tomcat.然后我们可以访问对应的ip和端口找到我们写的代码->也就是我们常称呼的资源。

2.修改，vue.cli应该是springboot。创建一个框架

        npm 是类似与maven的操作，用来打包，导入包以来

        组件类似一个类

tomcat 这种服务器应该是nodejs的内核v8之类的

3.路由：

        *我们常说的路由器等等，其实本质是一个映射关系。通过对应的标识找到对应的资源

        *前端路由：通常就是由hash这样的情况，解析#后面的做资源映射

        *后端路由：就是通常解析ip+端口后面的资源地址，也就是对应我们requestmapping()来找

1.安装

1.1 安装nodejs

node 官网：https://nodejs.org/en/

环境配置

1.2 安装 vue cli

 v2 官网：Vue.js

1.需要先安装脚手架

npm install -g @vue/cli

 2.通过脚手架下载模版

vue create my-project

 2.认识组件

1.我理解的组件的有点像java 中的类，这些组件的后缀通常是.vue。也是和类一样有固定的写法，template，script，style. 这三部分。对应的就是常规的前端的html的body, js代码，css代码。完成这个组件之后就可以被别的使用了

2.使用：就需要先引入，通过import 组件名() from '位置' 这样的方式引入。类似引包

3.使用：引入之后还需要在script中用component来声明，这样就可以使用了。通过'<组件名>'在template中使用

4.效果：被调用的组件就会把自己的内容展示在调用处。也就可以完成一处书写处处调用的功能

5.这里有一个叫做export default 的东西。我觉得有点类似于public这样的一个功能，就是是否公开这样的一个效果