vue
yb课堂 vue里面的状态管理vuex 《四十》
文档：https://vuex.vuejs.org/zh/在store/下index.jsimportVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)exportdefaultnewVuex.Store({state:{token:localStorage.getItem('t...
yb课堂 VueCli 4.3搭建yb课堂前端项目架构 《三十二》
vuecreateybclass_front安装vuex、vue-router，用vscode打开安装axioscnpminstallaxios--savecnpminstall<package_name>--save表示将这个包名以及对应的版本添加到package.json的dependenciescnp...
yb课堂 新版VueCli 4.3创建vue项目，Vue基础语法入门 《二十九》
基于HTML的模版语法，允许声明式地将DOM绑定至底层Vue实例的数据用简洁的模版语法来声明式的将数据渲染进DOM的系统结合响应系统，在应用状态改变时，Vue能够智能地计算出重新渲染组件并应用到DOM操作上1.html<!DOCTYPEhtml><html><head><met...
yb课堂 新版Vue+脚手架Vue-Cli 4.3安装 《二十七》
一套用于构建用户界面的渐进式框架。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库既有项目整合。文档：https://cn.vuejs.org/安装新版Vue(直接使用下面的Vue-Cli安装即可)cnpminstallvue Vue提供了一个...
vue原理简单理解
在理解原理之前先简要了解一些ES5的Object.defineProperty()方法。ECMAScript5为JavaScript添加了大量新的对象方法。//添加或更改对象属性Object.defineProperty(object,property,descriptor)//添加或更改多个对象属性Object....
Vue插槽、ref和$refs用法
1.插槽的作用：以局部组件为例 插槽就是Vue实现的一套内容分发的API，将<slot></slot>元素作为承载分发内容的出口。插槽内可以是任意内容。(1)不带插槽的情况：<divid="app"><vue><h2>我是里面的内容</h2>&l...
vue中引入mintui、vux重构简单的APP项目
最近在学习vue时也了解到一些常用的UI组件，有用于PC的和用于移动端的。用于PC的有：Element(饿了么)、iView等；用于移动端APP的有Vux、MintUI(饿了么)、Vant(有赞团队)、cube-ui(滴滴)。 想做一个移动端微信公众号使用的界面，于是选择用mintUI。 mintU...
vue-cli安装以及创建一个简单的项目(二)(vuex使用、发行一个简单的app)
vuex是vue的状态管理中心，vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，常用于：1.多个视图依赖同一状态(l例：菜单导航)2.来自不同视图的行为需要变更同一状态(例如评论弹幕) 上篇创建的vue项目目录结构： 在上一节我们已经安装了vuex模块。查看...
vue组件、自定义指令、路由
组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。 注册一个全局组件语法格式如下：Vue.component(tagName,options...
vue样式绑定、事件监听、表单输入绑定、响应接口
操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。1....
vue条件语句、循环语句、计算属性、侦听器监听属性
因为v-if和v-for是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个<template>元素当做不可见的包裹元素，并在上面使用v-if。最终的渲染结果将不包含<template>元素。 vue中条件语句类似于JS语法的if-else语句。当...
vue简介、入门、模板语法
在菜鸟教程上面学习的vue.js。同时结合vue中文文档网站，便于自己记录。 vueAPI网站：API Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。&nbs...
关于VUE项目中报Error: Avoided redundant navigation to current location: 的错
在VUE中路由遇到Error:Avoidedredundantnavigationtocurrentlocation:报错显示是路由重复，虽然对项目无影响，但是看到有红的还是不舒服。于是查了一下发现可以这样解决在你引入VueRouter的时候再加上一句话：constoriginalPush=VueRouter.prot...
vue el-upload上传文件方法
话不多说直接上代码、<el-upload:action="actionUrl"class="avatar-uploader":multiple="false"name="files"ref="upload":file-list="fileList":on-preview="handlePreview":on-su...
vue router 路由懒加载
懒加载模式大项目中，为了提高初始化页面的效率，路由一般使用懒加载模式，一共三种实现方式。（1）第一种写法：component:(resolve)=>require(['@/components/One'],resolve)（2）第二种写法：component:()=>import('@/components...
