vue
vue指令
1.vue介绍 目前最火的三款前端框架：AngularJs、VueJs、ReactJs vue用于构造用户界面的渐进式框架，它最大的优势在于视图组件化，其核心库只关心视图层 我们为什么要学习vue？它解决了什么问题？答案链接2.vue安装 独立版本 可以在Vue.js的官网上直接下载vue.min.js并...
vue路由传参
应用场景：首页(index)的分类水果，点击查看更多，需要展示此分类下的所有商品,跳转到list页面 实际操作：1.在index页面中查看更多 绑定跳转路径:to 注意：1.写跳转路由的格式，类似于字符串拼接，需要带上id2.在跳转路径上设置pk,比如下...
使用vue和drf后台进行登录页面和注册页面（本文大概的疏通一下前后台是怎么交互的）
注册页面先从vue页面开始，下面是举例的vue页面截图 从上面的截图我们可以看到一些vue的指令：v-model和v-on(缩写成@)v-model是表单指令：就是获取属性值，在这里就是这些输入框的值，后台也可以通过request.data.get('mobile')获取到填写的手机号码v-on是事件指令：v...
DRF+Vue项目（一）——项目架构
永久配置安装源为了加速模块的下载1、文件管理器文件路径地址栏敲：%APPDATA%回车，快速进入C:Users电脑用户AppDataRoaming文件夹中2、新建pip文件夹并在文件夹中新建pip.ini配置文件3、新增pip.ini配置文件内容配置内容[global]index-url=http://pypi.dou...
Vue框架（三）——Vue项目搭建和项目目录介绍、组件、路由
Vue项目环境搭建 node相当于pythonnpm相当于pipvue相当于django 1)安装node，在官网下载好，然后在本地安装官网下载安装包，傻瓜式安装：https://nodejs.org/zh-cn/2)换源安装cnpm>:npminstall-gcnpm...
Vue框架——页面组件中使用小组件
小组件在components文件夹中，页面组件在views文件夹中一、先写小组件的vue,比如text.vue(在template设置模板渲染，style设置样式)<template><divclass="text"><p>tttt</p></div><...
Vue框架（二）——Vue指令（v-once指令、v-cloak指令、条件指令、v-pre指令、循环指令）、todolist案例、Vue实例（计算、监听）、组件、组件数据交互
Vue指令1、v-once指令 单独使用，限制的标签内容一旦赋值，便不可被动更改（如果是输入框，可以主动修改）<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"><title></ti...
Vue框架（一）——Vue导读、Vue实例（挂载点el、数据data、过滤器filters）、Vue指令(文本指令v-text、事件指令v-on、属性指令v-bind、表单指令v-model)
Vue导读1.Vue框架 vue是可以独立完成前后端分离式web项目的js框架三大主流框架之一：Angular、React、Vuevue:结合其他框架优点、轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用Vue环境：本地导入和cdn导入2.Vue是渐进式js框架通过对框架的了解与运用程...
解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed
解决Vue编译和打包时频繁内存溢出情况CALL_AND_RETRY_LASTAllocationfailed-JavaScriptheapoutofmemory如上图所示：频繁出现此种情况，项目太大，导致内存溢出，排除代码问题外，可参照以下方式解决第一步: 全局安装 increase-m...
vue 专题 vue2.0各大前端移动端ui框架组件展示
一个数据驱动的组件，为现代化的Web界面而生。具有可扩展的数据绑定机制，原生对象即模型，简洁明了的API组件化UI构建多个轻量库搭配使用请访问链接:https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A1%86%E6%9E%B6 UI组件开发框...
vue+webpack 实现懒加载的三种方式
第一种:引入方式就是正常的路由引入方式constrouter=newRouter({routes:[{path:'/hyh',component:hyh,name:'hyh'}]}) 第二种:constrouter=newRouter({routes:[{path:'/index',component:(re...
vue 实现返回上一页不请求数据keep-alive
常规操作：我们通常会将通过接口请求数据的方法放在==created==或者==mounted==这两个生命周期中的一个里面调用。但是我们知道，不管是我们刚进入这个页面还是从其他页面返回这个页面，这些生命周期都会走一遍。问题：所以，即使你跳转到下级页面选好你所需的数据返回上一页时，你所回填的数据又被从接口请求...
vue 自定义 提示框（Toast）组件
1.自定义提示框组件src/components/Toast/index.js/***自定义提示框(Toast)组件*/varToast={};varshowToast=false,//存储toast显示状态showLoad=false,//存储loading显示状态toastVM=null,//存储toastvmlo...
vue2.0中 怎么引用less？
vue2.0中 怎么引用less？第一步：安装less依赖， npminstalllessless-loader--save第二步：修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加{ test:/.less$/, loader:"s...
Vue插件编写、用法详解（附demo）
Vue插件编写、用法详解（附demo）1、概述简单来说，插件就是指对Vue的功能的增强或补充。比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等2、使用方法总体流程应该是：【声明插件】——【写插件】——【注册插件】...
