随笔分类 -  Vue

Vue（十六）：安全、响应式原理、异步更新队列
摘要：1、安全 Vue在安全教程中说了一堆，总结出三点值得了解的信息。 第一点便是王婆卖瓜自卖自夸，Vue表明自己会在使用模板或者渲染函数的时候，将一些敏感的关键符号，如单引号，双引号，尖括号之类的自动转义成特定的字码，用以防止新的html注入，基本能杜绝大部分的安全漏洞。 第二点是让大家选择模板和插件的 阅读全文
posted @ 2020-06-13 00:16 梁仕博 阅读(253) 评论(0) 推荐(0)
Vue（十五）：Vuex
摘要：1、Vuex是个啥 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，类似于弄了一个全局的缓存库，缓存库中数据的改变 会实时改变 组件中因为使用该数据而产生的状态，达到一种牵一发而动全身的效果。 2、Vuex的使用 首先我们需要使用“npm install vuex --save"命令 阅读全文
posted @ 2020-06-10 17:41 梁仕博 阅读(150) 评论(0) 推荐(0)
Vue（十四）：Router
摘要：前言：学习路由之前会觉得路由比较神秘，简单学习之后觉得路由还是比较简单的，或者说基本的路由使用还是比较简单的。普通的网站路由，是通过访问不同的地址，获取到不同的页面来实现网站各个页面之间的访问。vue的路由一般用于单页面，可以简单的理解成通过访问不同的路由地址，获取到不同的组件，实例化在页面指定的地 阅读全文
posted @ 2020-06-05 19:15 梁仕博 阅读(231) 评论(0) 推荐(0)
Vue（十三）：工具
摘要：这一篇应该没有大的营养价值，写下来仅仅代表自己看过官网的这个模块 1、单文件组件 这个主要是告诉你，单文件组件好，单文件组件秒，单文件组件棒的呱呱叫。 单文件组件就是把一个组件放进以vue为后缀名的文件中，显然我们之前举的例子都是这样干的。这样干的好处是啥呢？我认为的有三个，第一个是组件的css作用 阅读全文
posted @ 2020-06-01 17:22 梁仕博 阅读(183) 评论(0) 推荐(0)
Vue（十二）：自定义指令和函数渲染
摘要：1、自定义指令 vue允许自定义像“v-model”一样的指令，定义好之后，将自定义的指令名前面加上“v-”就可以直接使用了。先上一个简单的自定义代码： Vue.directive('focus',{ inserted:(el)=>{ el.focus(); } }); 上面的代码中需要引用Vue对 阅读全文
posted @ 2020-05-30 20:33 梁仕博 阅读(1276) 评论(0) 推荐(0)
Vue（十一）：组件边界
摘要：1、访问元素和组件 1）、访问根节点 我们可以在任何一个地方通过this.$root访问根节点的数据，但是容易造成混乱，不建议在大型项目中调用。如果你使用的是vue项目，那这个根节点应该是main.js中创建的vue实例。官网建议使用vuex，我点过去这是另外一个开源的项目，回头研究研究。 2）、访 阅读全文
posted @ 2020-05-30 20:07 梁仕博 阅读(362) 评论(0) 推荐(0)
Vue（十）：混入、插件和过滤器
摘要：1、混入组件 vue实例中有这个一个属性mixins，是个数组。它的作用呢，就是将一个组件混入进另一个组件，使得两个组件的方法，属性，生命钩子啥的合二为一。使用的方式和导入类似，只不过一个放在了components中，一个放在了mixins中。当然，混入组件可没有懒加载啥的。 组件混入合并的时候呢， 阅读全文
posted @ 2020-05-30 15:05 梁仕博 阅读(756) 评论(0) 推荐(0)
Vue（九）：vue过渡
摘要：前言：Vue的官网上提供了两种过渡的效果，一个呢是对元素的过渡，比如元素渐变消失，旋转着出现之类的。另外一种呢，是监测数据，比如你把一个数值从0改到10，显示出来的效果就是从0变成1，变成2...变成10，根据这个还能搞颜色的过渡。在我看来，这些过渡还是比较炫酷的，毕竟没见过啥世面。这里做一个简单的 阅读全文
posted @ 2020-05-28 18:08 梁仕博 阅读(338) 评论(0) 推荐(0)
Vue（八）：动态组件、异步组件和组件边界
摘要：5、动态组件、异步组件 1）、动态组件 之前我们谈过v-if和v-show的区别：如果使用v-show，切换组件，只不过是相应组件的显示和隐藏；而v-if则会销毁之前的组件并渲染新组建。如果我们在v-if切换的组件之外，套上<keep-alive>标签，那么本该销毁的组件则会被缓存起来。当我们重新切 阅读全文
posted @ 2020-05-27 18:22 梁仕博 阅读(432) 评论(0) 推荐(0)
Vue（七）：组件的自定义事件和插槽
摘要：3、组件自定义事件 1）、大小写的问题 vue官网很是强调这个问题呀，基本能说一次的都要说一次。中心思想就是要你使用kebab-case的命名方式。当然，希望大家注意，指的是事件名，而不是方法名。举一个简单的栗子吧 <base-span @my-event="fun1"></base-span> / 阅读全文
posted @ 2020-05-26 16:28 梁仕博 阅读(854) 评论(0) 推荐(0)
Vue（六）：组件的Prop
摘要：2、Prop 1)、大小写问题 根据官网给的规范大概就是内部命名用驼峰命名，外部调用就使用其等价的 kebab-case (短横线分隔命名) 命名。养成一个好习惯是很有必要的，人家咋说你咋做呗。 2）、对传入属性的设置 我们可以对传入的属性设置type，官方定义的传入类型有 String,Numbe 阅读全文
posted @ 2020-05-26 00:31 梁仕博 阅读(529) 评论(0) 推荐(0)
Vue（五）：组件的注册
摘要：1、组件的注册 1）、全局注册 第一个参数是组件的名称，第二个参数就是组件对象，这个对象可以把之前介绍的组件属性，根据需要添加进去。 import Vue from "vue"; Vue.component('first-component',{template:'<span>第一个组件,全局类型< 阅读全文
posted @ 2020-05-25 23:09 梁仕博 阅读(382) 评论(0) 推荐(0)
Vue（四）：Vue的基础操作
摘要：这篇文章盘点了Vue的所有基础操作，如果有人找到了不在文章中的基础操作，这就说明它对我来说已经不是基础了。 1、v-if、v-else-if、v-else、v-show 这四个属性中，只有v-else后面没有跟上=""，且v-else前面必须跟着v-if或者v-else-if，v-else-if前面 阅读全文
posted @ 2020-05-23 20:04 梁仕博 阅读(192) 评论(0) 推荐(0)
Vue（三）：Vue实例的生命周期
摘要：开局一张图，内容全靠扯。 1）beforeCreate 实例创建之前，这个阶段的时候data和method都是拿不到的（通常在实例以外调用）。应用场景：可以加一些loading的效果，实例创建后移除2）created 实例创建之后，这个阶段就可以自由的操作数据了。但是dom节点啥的还没有加载好。应用 阅读全文
posted @ 2020-05-23 16:59 梁仕博 阅读(211) 评论(0) 推荐(0)
Vue（二）：Vue实例和它的属性
摘要：1、创建Vue实例 个人认为创建vue的实例有两种，一种就是写代码（如下），另外一种就是建立一个后缀名是vue的文件，该文件可以当作组件引用。而所有的组件都是一个vue实例。 var vm = new Vue({ el: '#example', //元素的id data: data //data属性 阅读全文
posted @ 2020-05-23 16:42 梁仕博 阅读(345) 评论(0) 推荐(0)
Vue（一）：使用Vue创建项目并发布
摘要：1、首先需要下载并安装node.js。这里就不做介绍了，我们通过 node -v 来确定有没有安装成功 2、然后我们需要通过 npm install -g vue-cli 命令，安装vue-cli的脚手 3、创建一个文件夹，进入，点击shift+鼠标右键，进入powershell窗口 4、输入 vu 阅读全文
posted @ 2020-04-24 17:42 梁仕博 阅读(684) 评论(0) 推荐(0)