vue
良之才-小良
这个作者很懒,什么都没留下…
展开
-
vue中Webpack的使用
在网页中会引用哪些常见的静态资源?JS.js .jsx .coffee .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .ttf .eot .woff .woff2...原创 2019-06-20 13:59:24 · 7992 阅读 · 0 评论 -
Vue CLI官方网址与基本介绍
https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AEvue.config.jsvue.config.js是一个可选的配置文件,如果项目的 (和package.json同级的) 根目录中存在这个文件,那么它会被@vue/cli-service自动加载。你也可以使用package....原创 2019-07-10 08:31:19 · 7450 阅读 · 0 评论 -
vue-cli3的使用
加载过程:index.tml->main.js->app.vue->router.js->helloworld.vuevue -V 查看版本号 -h 帮助 create 创建项目 C:\Users\lidong .vuerc保存脚手架模板 main.js 入口 public/index.h...原创 2019-07-15 08:30:41 · 346 阅读 · 0 评论 -
iview-admin-使用
-----------------------------------------------------------index.html: <div id="app"></div>main.js : new Vue({el: '#app',router,il18n,store,render-->app.vue})app.vue : <div i...原创 2019-07-15 08:33:46 · 3283 阅读 · 0 评论 -
前后端分离解决跨域问题
如何解决跨域问题?一、JSONP方式最初用来解决跨域问题的方式,叫做JSONP,它的基本原理是:跨域的“资源嵌入”是被浏览器允许的。所以,可以通过一个script标签来嵌入一段来自其他服务器的脚本。由于这个脚本完全运行在当前域,无法访问第三方服务器的cookie等敏感信息,所以是安全的。JSONP的缺点是它只能支持GET操作,没法支持POST等操作,但是由于兼容性好等优点,仍然有很...原创 2019-07-07 09:09:55 · 987 阅读 · 0 评论 -
vue路由传参的三种基本方式
<li v-for="article in articles" @click="getDescribe(article.id)">方案一: getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${id}`,...原创 2019-07-07 09:35:36 · 2493 阅读 · 0 评论 -
axios中文官网
http://www.axios-js.com/原创 2019-07-07 09:48:12 · 9099 阅读 · 0 评论 -
vuex的基本使用
[概念]:vuex 是 Vue 配套的 公共数据管理工具,它可以把一些共享的数据,保存到 vuex 中,方便 整个程序中的任何组件直接获取或修改我们的公共数据;[实用]:方便多层次的组件中传递数据。如果组件之间有要共享的数据,可以直接挂载vuex中。而不必通过父子间传值[安装]:npm install vuex --save[使用]:[main.js]``` // 入口文件...原创 2019-07-12 09:03:08 · 148 阅读 · 0 评论 -
vuex的理解
vuex核心概念: 1.state :类似类中的变量,但其改变时,会触发更新相关dom。 2.Getter :类似类中的方法,值改变时自动改变。 3.Mutation:修改state值。 4.Action: 异步修改值。 5.Module: 将store分成模块。vuex运行图如下:...原创 2019-07-12 10:22:34 · 137 阅读 · 0 评论 -
vue渲染render
一、宏观上展现了Vue整体流程:Vue推荐在绝大多数情况下使用template来创建你的HTML。然而在一些场景中,需要使用JavaScript的编程能力和创建HTML,这就是render函数,它比template更接近编译器。其实就是为固定的HTML模板提供了动态生成的操作。简单的说,在vue中我们使用模板HTML语法组建页面的,使用render函数我们可以用js语言来构建DO...原创 2019-06-24 21:37:03 · 1010 阅读 · 0 评论 -
vue-路由思维导图
原创 2019-06-24 14:48:44 · 826 阅读 · 0 评论 -
vue组件总结-思维导图
原创 2019-06-23 21:35:54 · 2739 阅读 · 0 评论 -
vue中Webpack的使用-思维导图
4步:应该改为启动页面更合适,不是入口js。我们把js打包之后,还需要修改index.js。使用启动页面的插件后,就能自动完成这个操作。同时根据指定的index.html生成指定的index.HTML。整个过程可理解为:index.tml->main.js->app.vue->router.js->helloworld.vue...原创 2019-06-20 15:59:28 · 412 阅读 · 0 评论 -
mvvm架构
一、后端中的 MVC 与 前端中的 MVVM 之间的区别MVC 是后端的分层开发概念; MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , VM ViewModel二、Vue.js 基本代码 和 MVVM 之间的对应关系 MV 是 vue实例 V 是vue中e...原创 2019-06-21 09:38:39 · 252 阅读 · 0 评论 -
vue中常见指令
一、视图输出指令 作用:把 model绑定到view v-text和v-html1.默认 v-text 是没有闪烁问题的,v-text可以简写为{{}},并且支持逻辑运算 2.v-text会覆盖元素中原本的内容,但是 插值表达式 1这种,只会替换自己的这个占位符,不会把 整个元素的内容清空 3.默认 v-html 覆盖内部内容, 输出HTML v-te...原创 2019-06-21 11:22:05 · 859 阅读 · 0 评论 -
vue中的过滤器 filter
一、vue过滤器概念+概念:Vue.js 允许你自定义过滤器,**可被用作一些常见的文本格式化**。+过滤器可以用在两个地方:**mustache 插值和 v-bind 表达式**。+过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示;+做输出前,最后一层包装的处理。+例如:list | 过滤器二、私有过滤器私有filters定义方式: 私有...原创 2019-06-21 15:24:38 · 829 阅读 · 1 评论 -
vue实例的生命周期
vue生命周期主要的生命周期函数分类:创建期间的生命周期函数:创建vue--编译模板--挂载beforeCreate:实例刚在内存中被创建出来(默认的函数和事件),此时,还没有初始化好 data 和 methods 属性。 created:实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始 编译模板。如果要调用methods中方法,或操作dat...原创 2019-06-21 16:58:59 · 133 阅读 · 0 评论 -
vue-resource 实现 get, post, jsonp请求
一、作用除了 vue-resource 之外,还可以使用axios的第三方包实现实现数据的请求二、JSONP的实现原理由于浏览器的安全性限制,不允许AJAX访问 协议不同、域名不同、端口号不同的 数据接口,浏览器认为这种访问不安全; 可以通过动态创建script标签的形式,把script标签的src属性,指向数据接口的地址,因为script标签不存在跨域限制,这种数据获取方式,称...原创 2019-06-22 09:57:30 · 86 阅读 · 0 评论 -
vue动画
为什么要有动画:动画能够提高用户的体验,帮助用户更好的理解页面中的功能; v-enterv-enter-activev-enter-to v-leavev-leave-activev-leave-to v-enter 【这是一个时间点】 是进入之前,元素的起始状态,此时还没有开始进入 v-l...原创 2019-06-23 11:51:31 · 438 阅读 · 0 评论 -
vue路由
Vue.js - vue路由一 什么是路由后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;我们的路由就指这个。 www.bai...原创 2019-06-23 12:01:52 · 195 阅读 · 0 评论 -
vue组件
定义Vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;组件化和模块化的不同:模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;一 全局组件定义的三种方式...原创 2019-06-23 12:09:49 · 116 阅读 · 0 评论 -
Render渲染函数-深入应用
渲染函数是vue中的一个非常重要的功能。基本在个性化的展示上都会使用到。所以需要对其有较为深入的理解才行。之前写过一篇关于渲染的,算是基础。在随后的使用过程中,发现还需要更深入的理解。所以又做了新的总结。渲染函数的作用:VUE一般使用template来创建HTML,然后在有的时候,我们需要使用javascript来创建html,这时候我们需要使用render函数。关键点一:理解crea...原创 2019-08-14 11:31:20 · 1051 阅读 · 0 评论