随笔分类 -  JavaScript_Vue

摘要:动态绑定class—概述 数据绑定(v-bind指令)一个常见需求是操作元素的 class 列表。因为class是元素的一个属性,我们可以用 v-bind 处理它们 我们只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。 因此,在v-bind 用于 class 时,Vue.js 专门增强了 阅读全文
posted @ 2017-11-03 17:16 胡椒粉hjf 阅读(1550) 评论(0) 推荐(0)
摘要:创建项目 首先初始化一个Vue项目模板,之后在模板下载时候会弹出如下配置选项 配置好后按下回车就构建完成了Vue脚手架,之后cd进入项目,并且进行node模块的安装 这时候Vue-cli的准备工作就完成了,这时候可以通过npm run dev进入开发环境,启动后是这个样子的,但是此时的脚手架的配置都 阅读全文
posted @ 2017-10-30 11:47 胡椒粉hjf 阅读(650) 评论(0) 推荐(0)
摘要:什么是组件 组件(Component)是 Vue.js 最强大的功能之一。(好比电脑中的每一个元件(键盘,鼠标,CPU),它是一个具有独立的逻辑和功能或界面,同时又能根据规定的接口规则进行互相融合,变成一个完整的应用) 页面就是由一个个类似这样的部分组成的,比如:导航、列表、弹窗、下拉菜单等,页面只 阅读全文
posted @ 2017-08-23 17:16 胡椒粉hjf 阅读(4074) 评论(0) 推荐(2)
摘要:什么是Vuex 专门为vue应用程序开发的状态管理模式,采用集中式存储管理应用的所有组件的状态(数据),以相应的规则保证状态以一种可预测的方式发生改变 Vuex的作用(什么样的情况下使用Vuex) 多个视图依赖于同一个状态(数据),来自不同视图的行为需要变更同一状态 Vuex的流程图和操作结构图 假 阅读全文
posted @ 2017-08-22 23:34 胡椒粉hjf 阅读(1367) 评论(0) 推荐(0)
摘要:在一个html页面中加入bootstrap是很方便,就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入?因为框架不一样了,略微要适应一下 第一步:脚手架生成项目 执行命令用webpack模板生成一个名为vuestrap的项目(名字任意) 阅读全文
posted @ 2017-08-06 02:28 胡椒粉hjf 阅读(1438) 评论(0) 推荐(0)