前端技术交流群:565733884

 分类:Vue教程

码云笔记-前端博客,前端教程记录博主在学习vue.js的概念及相关工具进行简单的介绍,以及将对vuejs基础框架搭建和相关知识的讲解。

[Vue教程]快速认识vuex

[Vue教程]快速认识vuex
为什么要用Vuex? 首先我来引入一个概念,单向数据流的概念。 我们页面是有很多个视图View组成的,用户的操作Actions会带来视图上状态State变化,状态的变化又会驱动视图的更新,如果我们的页面没有采用这样的数据流方式开发的话,那么组件间的状态管理就...

3周前 (03-06) 48℃ 16喜欢

[Vue教程]vue-router知识详解

[Vue教程]vue-router知识详解
本章将为大家介绍vue-router,vue-router是官方的路由管理工具,用它来组建单页面的应用是非常简单的,我们可以在页面上去组合我们需要的功能组件,来形成我们单页面的应用,在之前《[Vue教程]认识vue-cli脚手架工具》我们用UI工具创建了hello-ui这个项目...

4周前 (02-25) 66℃ 14喜欢

[Vue教程]vue代码规范

[Vue教程]vue代码规范
在正式写代码之前,我觉得有必要为大家介绍一下vue代码风格,不管你学习哪一门编程语言,相信大家都会略化这一部分,代码风格就像指南针一样告诉大家怎么去做这个事情,这就是风格指南的一个作用。 vue的风格指南我觉得有这么几个意义: 我们要养成一个很好的编码习惯,会让那供...

1个月前 (02-18) 76℃ 7喜欢

[Vue教程]认识vue-cli脚手架工具

[Vue教程]认识vue-cli脚手架工具
今天带领大家认识一下vue-cli(Vue脚手架)这个工程化工具,本章内容我们要学习几个主要内容: 快速创建工程的两种方法工程化项目目录 打开终端工具,用命令node -v看一下你的node版本和命令npm -v 看一下npm版本是否一致,或者说node版本高于8的...

1个月前 (02-11) 192℃ 5喜欢

[Vue教程]如何理解组件化思想

[Vue教程]如何理解组件化思想
本章将为大家介绍vue的组件化思想,什么是组件化呢? 一个组件相当于是一个模块,他是独立存在于我们的vue应用里面的。那么,一个组件可以在a页面1上面使用,也可以在2页面上使用,它是可以去复用的,同样的道理在这个页面上我们也可以重复使用这个组件。然后这个组件的里面是包含整...

2个月前 (02-03) 129℃ 3喜欢

[Vue教程]计算属性与侦听器

[Vue教程]计算属性与侦听器
本章内容将为大家介绍最常用的最常见的计算属性和侦听属性,计算属性的关键词是computed,然后侦听器的关键词是watch,介绍完它的使用方法之后,还会介绍它的使用场景。 之前我们介绍了使用BootCDN快速引用vue库,我在新的创建一个HTML文件,继续引入CDN方式引...

2个月前 (01-28) 121℃ 4喜欢

Vue数组更新方法

Vue数组更新方法
Vue的核心是数据与视图的双向绑定,当我们修改数组时,Vue会检测到数据变化,所以用v-for渲染的视图也会立即更新。Vue包含了一组观察数组变异的方法,使用他们改变数组也会触发视图更新。 push()pop()shift()unshift()splice()sort()...

2个月前 (01-23) 182℃ 6喜欢

[Vue教程]条件渲染、列表渲染、Class与Style绑定

[Vue教程]条件渲染、列表渲染、Class与Style绑定
本章将分享给大家的是vue教程中有关条件渲染、列表渲染、class与style的绑定知识。 什么是条件渲染?在我们的页面中会有很多这样的应用场景,比如说我们今天要上架一个活动,这个活动页面只在今天有效,在晚上的24点或者说在明天早上凌晨0点1秒的时候就要把这个页面下下来,...

2个月前 (01-21) 160℃ 4喜欢

Vue绑定class的几种方式

Vue绑定class的几种方式
对象语法 给v-bind:class设置一个对象,可以动态切换class,例如: <div id="app"> <div :class="{'active': isActive}"&g...

2个月前 (01-18) 181℃ 6喜欢

[Vue教程]模板语法

[Vue教程]模板语法
在上篇文章《[Vue教程]第一个vue的应用》中介绍了vue的第一个应用,本章内容是关于vue的模板语法的学习,在上节demo中介绍了CDN的去使用vue库,可以让我们很方便的去构建起vue的这样一个应用,接下来我们先认识Vue文件结构(templete、script、styl...

3个月前 (01-07) 257℃ 3喜欢

[Vue教程]第一个vue的应用

[Vue教程]第一个vue的应用
如何使用vue框架?在webstorm中新建一个index.html文件,然后引入vue库,一种方式就是如果项目是在内网使用,我们就可以吧vue下载下来,然后引入到文件中。另外一种方式就是我推荐大家使用BootCDN这个网站。如下图: 然后我们在搜索框内输入vue...

3个月前 (01-04) 356℃ 5喜欢