python全栈开发-vue3学习 - 随笔分类 - 阿明明

11.Vue中的响应式编程

摘要：我们在前面的组件中，属性data中的数据都是响应式的，其实内部就是通过ref()函数和reactive（）函数操作的 1.ref的使用对于一些简单类型的数据，如数字，字符串，布尔值，我们希望也变成响应式的对象，我们就可以使用ref函数 import {ref} from "vue"; const 阅读全文

posted @ 2022-11-14 17:55 阿明明阅读(94) 评论(0) 推荐(0) 编辑

10.Vue中常用的第三方组件

摘要：第三方插件可以增强vue，帮助我们更好的开发项目，如axios, vuex, vue-router,elementui等我们可以自定义插件，步骤如下：在vue项目下的src文件夹下创建plugins文件夹，创建一个index.js文件在index.js中定义插件 import Vue from 阅读全文

posted @ 2022-11-06 21:33 阿明明阅读(1452) 评论(0) 推荐(0) 编辑

9.Vue项目搭建:脚手架

摘要：vue2:使用vue_cli创建vue3：可以使用vue_cli创建，官方更推荐使用vite：更快更小脚手架：内置了很多组件来帮助我们更便捷的的开发vue.js项目。 1.使用vue_cli创建项目 vue_cli是基于node.js编程语言创建的 1.1 安装安装node.js 下载链接: h 阅读全文

posted @ 2022-11-06 14:06 阿明明阅读(455) 评论(0) 推荐(0) 编辑

8.Vue中的组件化开发

摘要：1.组件化概念在开发中，我们将页面的某一部分功能编写成一个组件，以后直接在页面中引用即可，如导航栏，轮播图，等，封装成一个个的组件，以后直接使用即可 Vue的官方也推荐我们组件化开发，即一个组件就是一个vue文件组件化的特点：组件化可以将功能实现模块化,奖该组件需要的html,js,csss代阅读全文

posted @ 2022-11-05 20:43 阿明明阅读(429) 评论(0) 推荐(0) 编辑

7.Vue常用属性

摘要：1. data:数据属性在之前的学习中我们已经了解到了data，属性中存放的就是js变量 <script> new Vue({ el: '#app', // data data: { username:'', }, }) </script> 2. methods:方法属性存放组件中的自定义方法阅读全文

posted @ 2022-11-05 20:15 阿明明阅读(344) 评论(0) 推荐(0) 编辑

6.Vue中与后端的交互

摘要：浏览器的同源策略：不允许向不同源（IP+Port）发送请求或者获取数据解决跨域的方式： 1. 后端解决:在响应头中添加"Access-Control-Allow-Origin = *" 2. 前端解决 3.服务器代理对于GET请求，后端在响应中添加代码在响应头中添加"Access-Contro 阅读全文

posted @ 2022-11-05 17:53 阿明明阅读(373) 评论(0) 推荐(0) 编辑

5.Vue的生命周期

摘要：Vue中的所有组件都是有生命周期，从创建开始到组件的销毁，一共会经历8个过程，由8个钩子函数控制首先什么是钩子函数？钩子函数是一种面向切面编程的思维，即AOP编程，在drf源码中被大量使用 OOP：面向对象编程面向函数编程 beforeCreate：组件创建之前调用无法使用对象内数据无法使阅读全文

posted @ 2022-11-05 16:36 阿明明阅读(44) 评论(0) 推荐(1) 编辑

4.vue的常见指令

摘要：指令常作用在Html的标签上，实现对应的功能 1.文本指令 v-html:将变量代指的字符串通过html代码渲染在页面 v-text:将变量代指的字符串通过普通文本显示在页面 v-text完成的功能和{{}}是一样的，区别在于v-text是绑定一个标签，而后者是写在标签之间 <!DOCTYPE ht 阅读全文

posted @ 2022-11-03 23:14 阿明明阅读(42) 评论(0) 推荐(0) 编辑

3.vue的插值语法

摘要：插值语法就是将希望显示在页面的文本渲染出来，语法是{{}},在双大括号中可以添加变量，函数，表达式 1.渲染变量 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 阅读全文

posted @ 2022-11-03 21:11 阿明明阅读(160) 评论(0) 推荐(0) 编辑

2.Vue的快速使用

摘要：1.vue的导入 1.1 源码下载引入下载地址： vue3: https://unpkg.com/vue@3.2.36/dist/vue.global.js vue2: https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js 1.2 CDN引入 <script 阅读全文

posted @ 2022-11-03 20:51 阿明明阅读(26) 评论(0) 推荐(0) 编辑

1.vue的介绍

摘要：1.前端的发展介绍最开始由前端三剑客，css.html,js来写网页，用户发送一个请求，刷新一次页面 ajax的出现，使得可以发送异步请求，实现局部刷新 ajax更加成熟，使得前后端分离成为趋势 vue框架的出现，使得前端成为工程化 2.Vue简介 Vue类似JQuery，也是一个JS框架，Vue 阅读全文

posted @ 2022-11-03 20:28 阿明明阅读(48) 评论(0) 推荐(0) 编辑

随笔分类 - python全栈开发-vue3学习