- 博客(14)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Redis的一主二从搭建
使用docker搭建Redis的主从笔者先前使用了ruby搭建，还有手动搭建，结果发现需要3台机器！！！所以选择了docker搭建，但是身为坑王，遇到的坑还是很多。使用docker搭建redis集群，大家可以参考下面这条链接。仅供centos欣赏。https://blog.csdn.net/qq_47905850/article/details/106630610请注意！！！笔者在做的时候遇到了这样的问题。容器没有跑起来？于是就docker ps,当前的进程没有显示启动容器的进程！但是在查看所有
2021-05-29 15:29:58
221
原创 一起来学Vue.js【12】
单文件组件在很多 Vue 项目中，我们使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方式在很多中小规模的项目中运作的很好，在这些项目里 JavaScript 只被用来加强特定的视图。但当在更复杂的项目中，或者你的前端完全由 JavaScript 驱动的时候，下面这些缺点将变得非常明显：（1）全局定义 (Global definitions) 强制要求每个 component 中的命名不得重复；
2021-04-13 09:14:07
96
原创 一起来学Vue.js【11】
组件的局部注册之前提到使用Vue.component（）完成组件注册，这是注册的是一个全局组件。就好比编程语言中的全局变量。全局注册往往是不够理想的。全局注册所有的组件意味着即便你已经不再使用一个组件了，它仍然会被包含在你最终的构建结果中。这造成了资源的消耗和浪费。如图，注册的是一个全局组件，因为他是在new Vue外声明注册的。如果想要局部注册一个组件，可以在创建Vue对象的时候，声明一个components属性。之前讲过注册组件可以使用componet(),用于注册全局组件。在componets
2021-04-11 15:26:06
67
原创 一起来学Vue.js【10】
组件基础组件是可复用的 Vue 实例。在开发过程中把重复的功能封装成组件，达到快捷、便捷开发的目的。Vue.js使用component函数去创建一个组件。component函数的第一个参数是组件的名称，第二个参数是以对象的形式描述一个组件，因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项(一个组件的 data 选项必须是一个函数)。首先定义了一个< button-counter >组件，该组件用来返回一个count值。它的模板template就是一个显示点击次数的
2021-04-10 18:38:54
545
原创 一起来学Vue.js【9】
表单输入和绑定使用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 属性的初始值而总是将 Vue 实例的数据作为数据来源。应该通过 JavaScript 在组件的 data 选项中声明初始值。v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件：（1） te
2021-04-10 16:54:38
63
原创 一起来学Vue.js【8】
事件绑定之前有提到过v-on指令，相当于点击事件。在此通过v-on来实现按钮的点击。在v-on的click里绑定了一个num变量，用来表示按钮单击次数，同时在data里加入num变量。打开浏览器，初始值为0,随便点击按钮几下，次数不断增加。在开发过程中需要编写复杂代码来响应按钮单击事件，可以通过Vue对象的methods属性来为按钮单击事件声明一个函数。在浏览器页面上点击按钮，就会触发按钮单击事件绑定的clkOn函数。此外还可以调用data里的数据。程序运行后，单击按钮，会先提示"h
2021-04-04 16:10:18
71
原创 一起来学Vue.js【7】
条件与循环之前有提到一点v-if,是给v-if添加布尔变量，在data里设置变量的值。下图中是一个完整的v-if语句，为多分支结构。在data里设置select为空，则执行v-else。和其他语言的if结构没什么明显的区别。Vue.js提供了v-show,用于控制组件是否可见。在v-show里添加一个变量，先不设置值，打开浏览器观察。浏览器面板并没有显示内容，但是通过F12可以看到html网页中有该div的位置，只是不显示出来。也就是说v-show默认不显示。在data里添加isOK的值为t
2021-04-04 15:04:12
127
原创 一起来学Vue.js【6】
class和style关于class和style，在前面的文章中有所记录。是通过v-bind给class绑定一个名称。该名称在对应的Vue对象的data里绑定一个style名。这个style名有内部样式生命。这次来相信介绍两者之间的关系。首先看一段内联样式的简单代码。运行结果：添加v-bind绑定class,和之前操作一样，不再赘述。注意这里的内部css名称要加引号，不然程序无法识别。运行结果：在设计模块的时候，有时候需要多种对照。样式是放上去好看，还是不放好看。删除代码和注释太过于麻烦
2021-04-03 20:04:47
49
原创 一起来学Vue.js【5】
Vue.js的指令在学习中，发现了一个坑，不知道是编辑器问题，还是Vue写法的问题。如果你的Vue.js插入是在< script >成对标签中的那么没问题。如果使用单标签写，那么会在浏览器里出现问题，内容显示不出来。通过F12我们可以看到浏览器的页面元素，出现两个< body >和两个</ head >标签，所写的代码好像是在< body >里，又好像不是。所以建议以后编码使用成对的方式。进入今天的正题，什么是Vue的指令。在Vue中带有 v- 前缀
2021-04-03 17:33:14
62
原创 一起来学Vue.js【4】
Vue的模板语法对于像Vue前端框架而言，他是遵守html的语法基础，并在其之上进行扩展，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。1.文本显示首先来设置文本变量message和name,这里使用的是最常见的“Mustache”语法 (双大括号) 的文本插值。并给div绑定一个Vue对象。文本的值在< script >标签中由Vue对象进行设置。这是浏览器运行看到的文本。此外还可以固定文本的值。先改变message的值。然后在对于的div里加入一个属性。
2021-03-28 17:33:11
61
转载 一起来学Vue.js【3】
Vue的生命周期Vue的官网提供了有关Vue的生命周期。在此简单举例说明。1.beforeCreate类型：Function；详细：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。2.created类型：Function详细： 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el pr
2021-03-28 14:23:38
48
原创 一起来学Vue.js【2】
一起来学Vue.jsVue.js的响应式vue.js是一套用于构建用户界面的渐进式框架，从浅层到深层。前一章创建了两个Vue的实例，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。我们要怎么确认呢？1.创建一个Vue对象绑定到一个div标签，此时a=1。如果想多变量，可以添加一个变量b，并对其赋值。3.对变量的值进行修改有多种方法，可以在data里直接修改，也可以通过代码语句修改。data.a=" “<——>v.$data.a=”
2021-03-28 13:30:41
52
原创 一起来学Vue.js【1】
一起来学Vue.js简单的Vue.js程序1.安装Vue.js无论装什么软件，从官方获取无疑是最干净的。下载Vue.js可以从官方获取：https://cn.vuejs.org。官方首页有Vue.js的介绍，教程和GitHub代码库。在教程里可以找到有一个安装地址，点击并下载。笔者用的编辑器是Webstrom,把下载好的Vue.js拖到项目中。然后选择浏览器运行，按F12，在浏览器控制台看到如下信息就表示Vue.js安装成功了。2.编写一个简单的实例注意3.运行结果...
2021-03-27 21:47:34
88
空空如也
Android 初始化数据问题
2021-12-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人