java 知识点 19(Vue、 element UI、axios、npm)

文章目录

    • 1、Vue基础语法
      • 1.1、学习Vue之前
      • 1.2、第一个vue项目
      • 1.3、模板语法
      • 1.4、v- 指令
        • 1.4.1、v-html
        • 1.4.2、v-show
        • 1.4.3、v- 里的if、else、for
        • 1.4.4、v-里的绑定 bind(:)、v-on(@ )
        • 1.4.5、v-model
      • 1.5、Vue.component(自定义组件、标签)、props
      • 1.6、Axios网络通信
      • 1.7、网页加载完成前,出现模板语言的问题
      • 1.8、computed计算属性
      • 1.9、slot标签(插槽、挖坑)
      • 1.10、$emit 自定义事件
        • 1.10.1、$emit() 自定义事件属性
        • 1.10.2、利用this.$emit() 实现不同组件间传递方法
    • 2、Vue项目
      • 2.1、第一个vue-cli项目
      • 2.2、目录结构
      • 2.3、系统没安装Node.js,怎么运行npm指令
      • 2.4、vue-router路由
        • 2.4.1、不使用router,展示组件
        • 2.4.2、使用router,展示组件
        • 2.4.3、路由嵌套
        • 2.4.4、去除路径里的#
        • 2.4.5、添加404页面
        • 2.4.6、进入路由前、后执行
        • 2.4.7、重定向
      • 2.5、Vue + element UI
      • 2.6、传参
      • 2.7、vue + axios
    • 3、npm
      • 3.1、安装
      • 3.2、下载慢?使用淘宝镜像
      • 3.3、常用指令
      • 3.4、Vue-npm指令

1、Vue基础语法

vue官方文档: https://cn.vuejs.org/v2/guide/

vue是一个前端框架,
Vue.js 的核心是:采用简洁的语法将数据渲染进 DOM 。

vue只关心视图层(也就是页面范围)

1.1、学习Vue之前

css预处理器

css预处理器是用于样式设计的编程语言,最后会通过编译器转为css
常用css预处理器:SASS、LESS

原生js

版本ES5,全浏览器支持
版本ES6,当前主流版本,需要webpack打包成ES5支持

Axios

前端通信框架,可以代替Ajax

在idea里面安装vue插件
(安装完成之后重启idea就可以新建vue项目了)
java 知识点 19(Vue、 element UI、axios、npm)_第1张图片
我们更常用的是hbuilder,编辑前端代码

下载地址:https://www.dcloud.io/hbuilderx.html

1.2、第一个vue项目

和jq一样,可以下载vue源码使用,也可以使用标签

这里有各个版本的vue:https://cdn.baomitu.com/vue
另外几个:

你可能感兴趣的:(java,vue,javascript,npm)