vue
文章平均质量分 71
vue
冷凝娇
白纸一张
展开
-
css(一):css的四种引入方式
一、css概述CSS是Cascding Style Sheets 的简称,中文成为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离;二、css的四种引入方式css都是以style="键:值;键:值;……"这样引入的,但是方式有四种,主要推荐并常用的是链接式;另:除了行内式,其它三种方式(嵌入式、链接式、导入式)都是在<head> </head&g...原创 2019-06-13 12:46:10 · 8547 阅读 · 1 评论 -
vue基础八:mixins、plugins、scoped
vue基础八:mixins1. mixins:混入1. mixins:混入功能:可以把多个组件共用的配置提取成一个混入对象使用方式: 第一步定义混入,如: { export const func_1 = { methods:{ do_print:function(){ alert(this) } } } } 第二步使用混入,如: (1)全局混入,Vue.mixin(xxx) (2)局部混入,mixins['xxx',]原创 2021-12-10 14:20:34 · 429 阅读 · 0 评论 -
vue基础七:.vue文件,vue-cli、vue.config.js、ref属性、props配置
单文件组件的写法1. 单文件组件的样式2.单文件组件的使用流程3. vue-cli的安装1. 单文件组件的样式单文件组件都是.vue为后缀的文件;内容: <template></template> <script> // 组件交互相关的代码,包含数据等 export default { } </script> <style> /* 组件的样式 */ .demo{ background-color: aquam原创 2021-12-09 14:13:25 · 843 阅读 · 0 评论 -
vue基础六:vue组件化编程基础,关键字:extend、components、template
vue组件化编程基础1. 组件一句话定义2. vue组件化编程:基本类型3. vue中组件从创建到使用3.1 如何定义一个组件?1. 组件一句话定义组件的定义: 1.实现应用中局部功能代码和资源的集合2. vue组件化编程:基本类型1.非单文件组件 一个文件中包含多的组件,提供给其他文件调用2.单文件组件(常用) 一个文件中仅包含一个组件3. vue中组件从创建到使用 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签)3.1 如何定义一个组件?原创 2021-12-01 14:50:53 · 987 阅读 · 0 评论 -
vue基础五:钩子函数(beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroye)
vm的生命周期函数1. 生命周期的定义2.钩子函数:beforeCreate、 created3.beforeMount、mounted4.beforeUpdate、updated5.beforeDestroy、destroyed1. 生命周期的定义 <!-- 生命周期: 1.又名:生命周期回调函数、生命周期函数、生命周期钩子 2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数 3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的 4.生命周期函数中的this指原创 2021-11-30 14:01:23 · 2827 阅读 · 0 评论 -
vue基础四:内置指令 及 自定义指令directives
内置指令及directives一、内置指令1、内置指令:v-bind2、内置指令:v-model3、内置指令:v-for4、内置指令:v-on5、内置指令:v-if \ v-else6、内置指令:v-show7、内置指令:v-text8、内置指令:v-html9、内置指令:v-cloak10、内置指令:v-once12、内置指令:v-pre二、自定义指令 directives一、内置指令1、内置指令:v-bind单向绑定解析表达式,可简写为 :xxx<input type="te原创 2021-11-24 15:29:59 · 1188 阅读 · 0 评论 -
vue基础三:列表渲染、列表过滤及排序、过滤器filters、form数据收集
列表数据收集、列表过滤及排序、过滤器filters一、列表渲染:v-for \ :key的关键作用二、form过滤三、form排序四、form收集数据:v-model的三大修饰符五、vm中的filters关键字:过滤器一、列表渲染:v-for \ :key的关键作用<body> <div id="app"> <button type="button" @click.once="addliu($event)">添加一个老刘</button&g原创 2021-11-24 15:10:14 · 562 阅读 · 0 评论 -
vue基础二:methods、修饰符、键盘事件、computed、watch、列表过滤、排序等数据操作
vue数据属性基本操作事件及methods事件修饰符键盘事件计算属性:computed监视属性:watch监视属性:watch、深度监视:deep:true条件渲染:v-if / v-show列表过滤、排序--等:总结事件及methods <!-- 事件的基本使用: 1.使用v-on:xxx 或者 @xxx 绑定事件,其中xxx是事件名 2.事件的回调需要配置在methods对象中,最终会在vm上; 3.methods中配置的函数,不要用箭头函数;否则this就不是原创 2021-11-22 16:55:32 · 514 阅读 · 0 评论 -
vue基础一:认识vue、数据绑定(v-bind\v-model)、Object.defineproperty()数据代理
vue基础一:认识vue、数据绑定(v-bind\v-model)、数据代理一、js及vue开发基本了解二、初识Vue:MVVM模式三、模板语法四、数据绑定:单向、双向五、el与data的两种写法六、Vue数据代理原理:Object.defineproperty()6.1 Object.defineproperty()的使用:6.2 Object.defineproperty()基本配置项:6.3 Object.defineproperty()高级配置项(重要):get、set6.4 数据代理-定义6.5原创 2021-11-17 16:05:35 · 611 阅读 · 0 评论 -
django rest framework + vue :前后端分离开发示例sample
一、后端建立一、基本django的project、app创建1.1 基础创建1.pycharm打开一个文件夹2.django-admin startproject backend3.cd backend4.django-admin startapp blog1.2 setting设置app及静态文件base_dir、数据库配置1.3 django rest framework安装pip install djangorestframework1.3 pymysql替换M原创 2020-11-16 08:27:20 · 1067 阅读 · 0 评论 -
vue(一):关于vue的环境搭建及如何创建一个vue项目
一、node.js安装及环境配置1.1 官网地址:https://nodejs.org/zh-cn/,下载后安装1.2 在安装目录下,创建node_cache、node_global两个文件夹1.3 设置缓存文件夹npm config set cache "D:\nodejs\node_cache"1.4 设置全局模块存放路径npm config set prefix "D:\nodejs\node_global"备注:设置成功后,之后用命令npm install XXX原创 2020-11-14 18:32:19 · 281 阅读 · 0 评论