zl程序教程

二.Vue基础使用

  • Vue开发实战01-创建基础项目,包管理使用yarn

    Vue开发实战01-创建基础项目,包管理使用yarn

    开发实战系列011、vue.js介绍: vue是一个用于创建用户界面的开源渐进式JavaScript框架,是目前市面上比较流行的前端框架之一。vue的开发者是中国人,在国内项目中使用的地方比较多。对于一个大前端来说,几乎是必学的东西;2、vue版本: 目前在用的版本主要是Vue2,但vue最新的版本是Vue3。可以根据情况选择版本;建议选择Vue 3;3、安装Vue 3:Vue的安装方式有

    日期 2023-06-12 10:48:40     
  • vue框架-基础6-vue-调用后端接口,axios使用,跨域问题

    vue框架-基础6-vue-调用后端接口,axios使用,跨域问题

    ### 在src下面新增一个api的文件夹,用例管理api 新建api.js,关联 新建http.js,基类, 新建我们自己的接口信息, ###   ###   ###   ###   ####      ###   ###   跨域问题,不同ip,不同端口,不同域名,都会有跨域问题, ###

    日期 2023-06-12 10:48:40     
  • vue框架-基础5-vue-使用第三方ui组件快速开发页面,vuetify

    vue框架-基础5-vue-使用第三方ui组件快速开发页面,vuetify

    ### Element 文档地址:http://element-ui.cn 介绍:element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者。 #### vuetify&n

    日期 2023-06-12 10:48:40     
  • vue框架-基础4-vue-使用vue-cli工具

    vue框架-基础4-vue-使用vue-cli工具

    ### 安装,npm install -g @vue/cli 安装完成之后,可以使用vue --version,查看这个vue/cli的版本,   ### 创建vue项目 先进入你的项目路径,然后执行,vue create project_name 直接选择default模式,回车,   这就是创建成功了, ###   ### 这就是启动了这个vue项目了,

    日期 2023-06-12 10:48:40     
  • vue框架-基础6-vue-调用后端接口,axios使用,跨域问题

    vue框架-基础6-vue-调用后端接口,axios使用,跨域问题

    ### 在src下面新增一个api的文件夹,用例管理api 新建api.js,关联 新建http.js,基类, 新建我们自己的接口信息, ###   ###   ###   ###   ####      ###   ###   跨域问题,不同ip,不同端口,不同域名,都会有跨域问题, ###

    日期 2023-06-12 10:48:40     
  • vue框架-基础5-vue-使用第三方ui组件快速开发页面,vuetify

    vue框架-基础5-vue-使用第三方ui组件快速开发页面,vuetify

    ### Element 文档地址:http://element-ui.cn 介绍:element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者。 #### vuetify&n

    日期 2023-06-12 10:48:40     
  • vue框架-基础4-vue-使用vue-cli工具

    vue框架-基础4-vue-使用vue-cli工具

    ### 安装,npm install -g @vue/cli 安装完成之后,可以使用vue --version,查看这个vue/cli的版本,   ### 创建vue项目 先进入你的项目路径,然后执行,vue create project_name 直接选择default模式,回车,   这就是创建成功了, ###   ### 这就是启动了这个vue项目了,

    日期 2023-06-12 10:48:40     
  • vue.js--基础 v-bind绑定属性使用

    vue.js--基础 v-bind绑定属性使用

    背景:因为10月要休产假了,8月的时间我工作很少,因为最开始做平台我一直做的是后端,前端很少接触,所以现在有时间,就学习前端基础,前端使用的vue.js+element,因为没有基础,所以下了一个视频来看,讲师叫一个大地的的老师,目前我的记录也是来做他的视频,有些内容是自己做的补充,自己对陌生的前端做的理解 绑定属性:由名字可以看出,你的控件想要什么特性,就需要设置它的属性,就好比一个人它有哪些

    日期 2023-06-12 10:48:40     
  • Vue之axios基础使用

    Vue之axios基础使用

    axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 安装 npm安装 $ npm inst

    日期 2023-06-12 10:48:40     
  • VueRouter基础使用

    VueRouter基础使用

    1. 前言 本小节我们介绍如何在 Vue 项目中使用 VueRouter。包括 VueRouter 的下载、什么是 VueRouter、如何使用 VueRouter 配置一个单页应用。其中,学习使用 VueRouter 配置一个单页应用是本节的重点。同学们在学完本节课程之后需要自己多尝试配置路由。 2. 解释 Vue Router

    日期 2023-06-12 10:48:40     
  • vue3组件基础,组件引用与使用、向子组件传递数据与事件prop、emit

    vue3组件基础,组件引用与使用、向子组件传递数据与事件prop、emit

    vue3组件基础,组件引用与使用、向子组件传递数据与事件prop、emit 一、组件模板 组成:template(必要),script,style

    日期 2023-06-12 10:48:40     
  • 初识Vue之基础指令使用(初学者请进~)

    初识Vue之基础指令使用(初学者请进~)

            vue是一套构建用户界面的渐进式的js框架,与其他大型框架不同的是,vue被设计为可以自底向上的逐层应用,vue的核心库只关注视图层,不仅易于上手还便于第三方数据域或者既有项目的整合 目录 一:引言 (MVVM模式):

    日期 2023-06-12 10:48:40     
  • Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表、地图)

    Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表、地图)

    Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表、地图) 目录 Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表、地图) 一、简单介绍 二、环境搭建 三、使用 echarts 四、自动缩放 echarts 五、数据更新,自动刷

    日期 2023-06-12 10:48:40