Vue
大超Bing
这个作者很懒,什么都没留下…
展开
-
Promise的基本使用
文章目录一、什么是Promise?一、什么是Promise?Promise 是异步编程的一种解决方案:从语法上讲:promise是一个对象,从它可以获取异步操作的消息;从本意上讲:它是承诺,承诺它过一段时间会给你一个结果。Promise 有三种状态:pending(等待)、fulfiled(满足)、rejected(失败);状态一旦改变,就不会在变,创造promise实例后,它会立即执行。Promise是用力啊解决两个问题的:回调地狱,代码难以维护,常常第一个函数的输出是第二个函数的输原创 2020-12-30 16:28:56 · 354 阅读 · 0 评论 -
Vue -- vue-<keep-alive>
kepp-alive在vue-router中使用keep-alive 是 Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染;keep-alive 有两个重要的属性:include(包含) : 字符串或正则表达式,只有匹配的组件会被缓存exclude (不包含):字符串或正则表达式,任何匹配的组件都不会被缓存 ,如果是多个后面紧跟不包含的组件name,用,隔开,注意:不要敲空格键router-view 也是一个组件,如果直接被包在keep-alive 里面,所有路径匹配到的视图原创 2020-12-27 11:36:30 · 166 阅读 · 0 评论 -
Vue -- vue-全局导航守卫
文章目录一、pandas是什么?一、pandas是什么?原创 2020-12-27 10:39:17 · 394 阅读 · 1 评论 -
Vue -- vue-router(路由)的基本使用
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2020-12-24 19:57:08 · 327 阅读 · 1 评论 -
Vue -- vue-router(路由)基本配置
文章目录一、路由的概述1.1 路由是什么?1.2 生活中的路由器二、路由的阶段2.1 后端路由阶段2.1.1 什么是后端渲染?2.1.2 什么是后端路由?一、路由的概述1.1 路由是什么?路由是一个网路工程术语;路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程 [1] 。路由工作在OSI参考模型第三层——网络层的数据包转发设备。 — 百度百科路由就是通过互联网的网络把信息从原地址传输到目的地的活动. — 维基百科1.2 生活中的路由器路由器通过转发数据包来实现网原创 2020-12-20 17:12:01 · 1422 阅读 · 0 评论 -
箭头函数的使用
函数定义的几种方式:箭头函数: 也是一种定义函数的方式定义函数的方式: function const aa = function() {}对象字面量中定义函数 const obj = { bbb() {} }ES6中的箭头函数 const cc = (参数列表) => { } const cc = () => { }箭头函数的参数和返回值参数问题放入两个参数const sum = (num1,原创 2020-12-14 20:23:04 · 332 阅读 · 0 评论 -
共同学习Vue.js --- Vue CLI 脚手架
文章目录一、pandas是什么?一、pandas是什么?原创 2020-12-10 20:58:46 · 302 阅读 · 0 评论 -
共同学习Vue.js ---webpack的Plugin
文章目录一、认识plugin1.1 plugin是什么?1.2 loader 和 plugin 区别1.3 plugin 的使用过程二、添加版权的Plugin三、打包html的plugin3.1 HtmlWebpackPlugin插件3.2 使用插件四、 js压缩的Plugin五、搭建本地服务器六、 webpack的配置分离6.1 准备工作6.2 安装webpack合并插件6.3 执行遇到的问题一、认识plugin1.1 plugin是什么?plugin 是插件的意思,通常是用于对某个现有的框架进行原创 2020-12-09 20:57:15 · 477 阅读 · 0 评论 -
共同学习Vue.js ---webpack中Vue的使用
文章目录一、webpack环境中集成Vue.js1.1 引入Vue.js1.2 打包项目 -- 错误信息一、webpack环境中集成Vue.js1.1 引入Vue.js在项目中使用Vuejs,那么就必然需要对其有依赖,所以需要先进行安装,因为后续是在实际项目中也会使用Vue的,所以这里安装并不是开发时依赖,也就是并不需要添加 -dev安装命令:npm install vue --save在项目中使用Vue并打包1.2 打包项目 – 错误信息...原创 2020-12-09 15:08:02 · 212 阅读 · 0 评论 -
共同学习Vue.js ---webpack的使用-loader
文章目录一、loader是什么?二、css文件处理2.1准备工作2.2 css文件处理 -- css-loader2.3 css文件处理 -- style-loader总结一、loader是什么?loader是webpack中一个非常核心的概念;webpack用来做什么的呢?在之前的实例中,我们主要是用webpack来处理我们写的js代码,并且webpack会自动处理js之间相关的依赖.但是,在开发中我们不仅仅有基本的js代码处理,我们还需要加载css,图片,也包括一些高级的将ES6转成ES5原创 2020-12-04 07:17:52 · 759 阅读 · 0 评论 -
共同学习Vue.js ---webpack
webpack什么是webpack?从本质上将,webPack 是一个现代的JavaScript应用的静态 模块 打包工具.简单的将就是模块和打包前端模块化:webpack其中一个核心就是让我们可能进行模块化开发,并且会帮助我们处理模块间的依赖关系.不仅仅是JavaScript文件,我们的CSS,图片,json文件等等在webpack中都可以被当做模块来使用.打包:将webpack中的各种资源模块进行处理,比如压缩图片,将scss转成css,将ES6语法转成ES5语法,将TypeScript原创 2020-12-03 06:12:31 · 220 阅读 · 0 评论 -
共同学习Vue.js --- Vue前端模块化
前端模块化使用模块作为出口;在匿名函数内部,定义一个对象.给对象添加各种需要暴露到外面的属性和方法(不需要暴露的直接定义即可)最后将这个对象返回,并且在外面使用一个MoudleA接收.然后在使用的时候只需要使用属于自己模块的属性和方法即可.var MoudleA = (function() { // 1. 定义一个对象 var obj = {} // 2.在对象内部添加变量和方法 obj.flag = true; obj.myFunc = function(i原创 2020-12-01 20:56:14 · 168 阅读 · 0 评论 -
共同学习Vue.js --- Vue插槽 slot
文章目录插槽 slot为什么使用slot具名插槽的使用编译作用域插槽 slot为什么使用slot组件的插槽:组件的插槽是为了让我们封装的组件更加具有扩展性让使用者可以决定组件内部的一些内容到底展示什么例如:移动网站中的导航栏; 在移动开发中,几乎每个页面都有导航栏,导航栏我们必然会封装成一个插件,比如nav-bar组件.一旦有了这个组件,我们就可以在多个页面中复用有两种写法形式,普通和默认,例子如下所示具名插槽的使用可以具体到某一个插槽,方面后续维护编译作用域父组件模板的所有原创 2020-12-01 20:44:33 · 190 阅读 · 0 评论 -
共同学习Vue.js --- Vue组件化
文章目录Vue组件化什么是组件化Vue组件化思想注册组件的基本步骤全局组件 和 局部组件父组件和子组件注册组件语法糖模板的分离组件访问组件数据的存放父子组件的通信如何进行父子组件间的通信?props基本使用子组件访问父组件子级传向父级(自定义事件)Vue组件化什么是组件化如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展.但是如果我们将一个页面拆分为一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容原创 2020-12-01 20:23:33 · 360 阅读 · 0 评论 -
共同学习Vue.js --- Vue语法运用(二)
文章目录一、pandas是什么?一、pandas是什么?原创 2020-12-01 19:16:46 · 177 阅读 · 0 评论 -
共同学习Vue.js --- Vue语法运用(一)
文章目录一、事件监听v-on 事件监听v-on 修饰符二、条件判断一、事件监听v-on 事件监听v-on 修饰符.stop 调用event.stopPropagation() ; 当在一个div中有两个以上的点击事件时,当点击元素下面的某个事件时,div元素上的点击事件总会被执行,当添加.stop修饰符时,就会阻止这样的事情发生.具体效果如图:添加.stop之后:.prevent : 调用event.preventDefault() 阻止默认事件如当在form表单中,设置submi原创 2020-11-27 19:39:40 · 449 阅读 · 0 评论 -
共同学习Vue.js --- Vue数据绑定
文章目录一、数据绑定v-bind 介绍v-bind 案例:v-bind 绑定classv-bind 绑定class 案例一: 对象语法v-bind 绑定class 案例二: 数组语法v-bind 绑定class 案例三:v-bind 绑定style 样式v-bind 绑定style 样式案例一:v-bind 绑定style 样式案例二: 数组语法二、计算属性什么是计算属性计算属性案例一:计算属性案例二:总结一、数据绑定v-bind 介绍在项目中除了内容需要我们动态决定外,某些属性也要动态来绑定; 比原创 2020-11-23 17:39:30 · 464 阅读 · 0 评论 -
共同学习Vue.js --- 初体验Vue
文章目录一、 简单认识一下Vue.js什么是渐进式框架Vue特点和Web开发中常见的高级功能学习Vue的前提?二、 安装Vue.js方式一:直接CDN引入方式二:下载和引用方式三:NPM安装三、Vue 案例演示案例一:Hello Vue 初体验案例二:Vue 列表显示案例三:计数器一、 简单认识一下Vue.jsVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。什么是渐进式框架渐进式意味着你可以将Vue 作为你应用的一部分嵌入其中,带来更丰富的交互体验。比如:之原创 2020-11-20 16:26:27 · 376 阅读 · 0 评论