Vue框架基础
后端 学习 前端 Vue 框架基础知识
文章目录一、Vue 基础语法学习1、Vue 语法指令2、Vue 实例属性（1）el（2）data（3）methods（4）computed3、事件修饰符4、按键修饰符5、Vue实例的生命周期6、ES6语法的基本使（1）声明变量使用let、const（2）箭头函数的使用（3）模板字符串（4）变量名与参数名一致只写一个二、Vue 组件学习1、Vue 标准开发方式2、组件的好处3、组件的使用（1）全局组
日期 2023-06-12 10:48:40
vue框架-基础6-vue-调用后端接口，axios使用，跨域问题
### 在src下面新增一个api的文件夹，用例管理api 新建api.js，关联 新建http.js，基类， 新建我们自己的接口信息， ### ### ### ### #### ### ### 跨域问题，不同ip，不同端口，不同域名，都会有跨域问题， ###
日期 2023-06-12 10:48:40
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工具
### 安装，npm install -g @vue/cli 安装完成之后，可以使用vue --version，查看这个vue/cli的版本， ### 创建vue项目 先进入你的项目路径，然后执行，vue create project_name 直接选择default模式，回车， 这就是创建成功了， ### ### 这就是启动了这个vue项目了，
日期 2023-06-12 10:48:40vue框架-基础3-vue-component组件化开发
组件化开发 组件系统是 Vue 的另一个重要概念 意类型的应用界面都可以抽象为一个组件树 也就是说项目都是一个个的组件构成的 我们使用小型、独立和通常可复用的组件构建大型应用。 这是一种开发的理念，组件化开发， 第一个组件示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
日期 2023-06-12 10:48:40vue框架-基础2-vue生命周期
vue实例 var vm = new Vue({ // 选项 }) 这就是创建了一个vue的实例 这个实例里面有很多的选项，我可以去定义，这个相当重要 选项-数据：可以传入data，props等等 选项-方法：可以传入，method，等等 选项-生命周期：可以传入，beforeCreate，created，等等 选项-DOM：可以传入el，template，等等 更加详细的再api文档里
日期 2023-06-12 10:48:40vue框架-基础1-vue包引入，指令，模板语言
vue学习 从官方文档学习 https://cn.vuejs.org/v2/guide/index.html vue介绍 Vue是一套用于构建用户界面的渐进式框架。 也就是可以边学习边开发，渐进式学习，关键在于应用 特点： 1，易于上手 2，是一种插件式的开发， 类似python中的flask，所以我喜欢使用flask+vue进行前后端分离的开发， 另外： 官方指南假设你已了解关于 HTML
日期 2023-06-12 10:48:40
vue框架-基础6-vue-调用后端接口，axios使用，跨域问题
### 在src下面新增一个api的文件夹，用例管理api 新建api.js，关联 新建http.js，基类， 新建我们自己的接口信息， ### ### ### ### #### ### ### 跨域问题，不同ip，不同端口，不同域名，都会有跨域问题， ###
日期 2023-06-12 10:48:40vue框架-基础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工具
### 安装，npm install -g @vue/cli 安装完成之后，可以使用vue --version，查看这个vue/cli的版本， ### 创建vue项目 先进入你的项目路径，然后执行，vue create project_name 直接选择default模式，回车， 这就是创建成功了， ### ### 这就是启动了这个vue项目了，
日期 2023-06-12 10:48:40vue框架-基础3-vue-component组件化开发
组件化开发 组件系统是 Vue 的另一个重要概念 意类型的应用界面都可以抽象为一个组件树 也就是说项目都是一个个的组件构成的 我们使用小型、独立和通常可复用的组件构建大型应用。 这是一种开发的理念，组件化开发， 第一个组件示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
日期 2023-06-12 10:48:40vue框架-基础2-vue生命周期
vue实例 var vm = new Vue({ // 选项 }) 这就是创建了一个vue的实例 这个实例里面有很多的选项，我可以去定义，这个相当重要 选项-数据：可以传入data，props等等 选项-方法：可以传入，method，等等 选项-生命周期：可以传入，beforeCreate，created，等等 选项-DOM：可以传入el，template，等等 更加详细的再api文档里
日期 2023-06-12 10:48:40vue框架-基础1-vue包引入，指令，模板语言
vue学习 从官方文档学习 https://cn.vuejs.org/v2/guide/index.html vue介绍 Vue是一套用于构建用户界面的渐进式框架。 也就是可以边学习边开发，渐进式学习，关键在于应用 特点： 1，易于上手 2，是一种插件式的开发， 类似python中的flask，所以我喜欢使用flask+vue进行前后端分离的开发， 另外： 官方指南假设你已了解关于 HTML
日期 2023-06-12 10:48:40vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
作者 | Jeskson 来源 | 达达前端小酒馆 Vue概述： MVX模式简介，Vue框架简介，Vue.js的安装与
日期 2023-06-12 10:48:40