摘要: component(组件) vue是单页面web程序,这意味着需要大量模块化界面参与其中,这就是组件。 组件是一个实现单一功能的vue界面,也可以是一个以功能划分而成的复杂vue界面。 注册组件: Vue.component('my-component-name', { /* ... */ }) 范 阅读全文
posted @ 2019-10-16 11:13 Hi-Jimmy 阅读(1171) 评论(0) 推荐(1) 编辑
摘要: computed计算属性 计算属性(computed)在处理一些复杂逻辑时是很有用的。它的定义方式与methods类似。 执行结果: 我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 阅读全文
posted @ 2019-10-16 11:07 Hi-Jimmy 阅读(517) 评论(0) 推荐(0) 编辑
摘要: v-if语法(条件) 符合条件时显示(渲染)某一元素。 执行结果: v-if可以使用data对象,也可以直接使用表达式(如:2>1)。 v-show也可以达到根据条件显示元素的目的,但是两者有一些区别。 v-if与v-show区别: 相同点:v-if与v-show都可以动态控制dom元素显示隐藏 不 阅读全文
posted @ 2019-10-16 10:59 Hi-Jimmy 阅读(401) 评论(0) 推荐(0) 编辑
摘要: 数据绑定 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统: 执行结果:Hello Vue! 除了上面的绑定方式,还有另外一种: v-bind 特性被称为指令。指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性。 以上代码也可以简写为: 对于html的绑定 阅读全文
posted @ 2019-10-16 10:52 Hi-Jimmy 阅读(702) 评论(0) 推荐(0) 编辑
摘要: 安装Vue 1、使用npm安装vue: npm install vue 2、下载使用js文件: https://vuejs.org/js/vue.min.js Vue概念 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可 阅读全文
posted @ 2019-10-16 10:44 Hi-Jimmy 阅读(434) 评论(0) 推荐(0) 编辑