今天做了一个案例,可以好好做做能够将之前的内容结合起来,最主要的是能对组件化编码流程有一个大概的清晰认知,这一套做下来,明天自己再做一遍复习一下,其实组件化流程倒是基本上没什么问题了,主要是很多vue的方法需要多熟悉一下,毕竟打破了之前的一些对于传统js的认知,还需要多熟悉一下。这两天可能内容不是很多,因为有点感冒了,状态不是很好,不想学多了怕接受的是不是很好。六.TODOList案例做这个案例主要是为了能够熟悉组件化编码流程,刚开始学做一个项目最好按照以下三个步骤来1.实现静态组件先把一个项目抽取组件,使用组件实现静态页面比如这个案例App的子组件就可以拆分为三个上面输入框,中间列表展示,下
今天做了一个案例,可以好好做做能够将之前的内容结合起来,最主要的是能对组件化编码流程有一个大概的清晰认知,这一套做下来,明天自己再做一遍复习一下,其实组件化流程倒是基本上没什么问题了,主要是很多vue的方法需要多熟悉一下,毕竟打破了之前的一些对于传统js的认知,还需要多熟悉一下。这两天可能内容不是很多,因为有点感冒了,状态不是很好,不想学多了怕接受的是不是很好。六.TODOList案例做这个案例主要是为了能够熟悉组件化编码流程,刚开始学做一个项目最好按照以下三个步骤来1.实现静态组件先把一个项目抽取组件,使用组件实现静态页面比如这个案例App的子组件就可以拆分为三个上面输入框,中间列表展示,下
有时大家可能会想为自己的博客增添一些色彩,但这种热情却常常因繁杂的配置步骤饱受消磨。CNBlogX是一套项目模板及脚手架的合集,用于快速搭建博客园的页面定制脚本开发环境。使用方式也非常简单,专注于自己的代码即可。让我们开始吧!起步请确保安装了Node.js,需要14.0或更新的版本。通过以下命令基于CNBlogX模板创建一个叫做mytheme的项目:npminitcnblogxmytheme这样项目就建立完成了,让我们看看src/下的代码:非常简洁,不必关心CNBlogX在背后做了什么,我们只要在这三个文件中添加代码即可。如果有定制化的需要,可以查看README.md中的可配置项,接下来让我们
有时大家可能会想为自己的博客增添一些色彩,但这种热情却常常因繁杂的配置步骤饱受消磨。CNBlogX是一套项目模板及脚手架的合集,用于快速搭建博客园的页面定制脚本开发环境。使用方式也非常简单,专注于自己的代码即可。让我们开始吧!起步请确保安装了Node.js,需要14.0或更新的版本。通过以下命令基于CNBlogX模板创建一个叫做mytheme的项目:npminitcnblogxmytheme这样项目就建立完成了,让我们看看src/下的代码:非常简洁,不必关心CNBlogX在背后做了什么,我们只要在这三个文件中添加代码即可。如果有定制化的需要,可以查看README.md中的可配置项,接下来让我们
今天的内容有意思了,朋友们继续对我们之前的案例完善,是这样的我们之前是不是靠props来完成父给子,子给父之间传数据,其实父给子最好的方法就是props但是自给父就不是了,并且今天学下来,不仅如此,组件间任何层级的关系我都可以传数据了,兄弟之间,爷孙之间等等等等七.浏览器本地存储1.localStorage关闭浏览器数据不会丢失通过它上面的一个api可以存储数据.setitem()两个参数,前面是键,后面是值,要注意的是都要以加引号以字符串形式进行存储,而且就算你不加引号,最终呈现效果也会强制给你调用toString这个方法可以看到就算是字符串也变成了字符串类型,那么问题就来了,那如果我传入的
今天的内容有意思了,朋友们继续对我们之前的案例完善,是这样的我们之前是不是靠props来完成父给子,子给父之间传数据,其实父给子最好的方法就是props但是自给父就不是了,并且今天学下来,不仅如此,组件间任何层级的关系我都可以传数据了,兄弟之间,爷孙之间等等等等七.浏览器本地存储1.localStorage关闭浏览器数据不会丢失通过它上面的一个api可以存储数据.setitem()两个参数,前面是键,后面是值,要注意的是都要以加引号以字符串形式进行存储,而且就算你不加引号,最终呈现效果也会强制给你调用toString这个方法可以看到就算是字符串也变成了字符串类型,那么问题就来了,那如果我传入的
今天的内容vue脚手架,越来越有内味了,也慢慢地开始有点难度了哈哈,但是没有关系,慢慢学慢慢琢磨,我倒是感觉有点越来越像node了,不知道怎么回事,这是要向后端发展的节奏啊一.初始化Vue脚手架1.说明一般脚手架选择最新版本2.具体步骤全局安装vue/cli脚手架切换到项目目录,运行vuecreate加一个非主流库的名字即可创建一个vue项目运行npmrunserve将项目在服务器跑起来上面为本地服务器地址,下面如果有同事,那就可以访问同一个局域网内的地址可以看到vue默认为我们创建了一个helloword的组件3.分析项目结构用vue脚手架创建了一个项目后会发现如下的结构首先从根目录的文件入
今天的内容vue脚手架,越来越有内味了,也慢慢地开始有点难度了哈哈,但是没有关系,慢慢学慢慢琢磨,我倒是感觉有点越来越像node了,不知道怎么回事,这是要向后端发展的节奏啊一.初始化Vue脚手架1.说明一般脚手架选择最新版本2.具体步骤全局安装vue/cli脚手架切换到项目目录,运行vuecreate加一个非主流库的名字即可创建一个vue项目运行npmrunserve将项目在服务器跑起来上面为本地服务器地址,下面如果有同事,那就可以访问同一个局域网内的地址可以看到vue默认为我们创建了一个helloword的组件3.分析项目结构用vue脚手架创建了一个项目后会发现如下的结构首先从根目录的文件入
背景:当我们使用微服务时,若想在本地联调就需要启动多个服务,为了避免本地启动过多服务,现将注册中心等基础服务共用。当我们在服务A开发时,都是注册到同一个nacos,这样本地和开发环境的服务A就会同时存在,当调用服务时就会使用负载均衡选择服务,导致我们无法正常调试接口。这时我们可以选择使用灰度版本来进行服务的选择。具体实现步骤如下:1、我们在本地配置文件中添加版本头这样我们服务注册到nacos中点击服务列表会发现服务中都会带VERSIONspring:cloud:nacos:discovery:metadata:VERSION:zhangsan2、添加灰度服务接口publicinterfaceG
背景:当我们使用微服务时,若想在本地联调就需要启动多个服务,为了避免本地启动过多服务,现将注册中心等基础服务共用。当我们在服务A开发时,都是注册到同一个nacos,这样本地和开发环境的服务A就会同时存在,当调用服务时就会使用负载均衡选择服务,导致我们无法正常调试接口。这时我们可以选择使用灰度版本来进行服务的选择。具体实现步骤如下:1、我们在本地配置文件中添加版本头这样我们服务注册到nacos中点击服务列表会发现服务中都会带VERSIONspring:cloud:nacos:discovery:metadata:VERSION:zhangsan2、添加灰度服务接口publicinterfaceG