Vue.js
关注
分享
扫一扫
YKiOS
这个作者很懒，什么都没留下…
展开
-
Vue.js实战学习-Vue.js理解及数据绑定
1.Vue.js是什么？ Vue.js是一个渐进式的javaScript框架，在项目中，可以选择从不同的维度去使用它。2.使用的模式： MVVM模式：Model-View-ViewModel,当View(视图层)变化时，会自动更新到ViewModel(视图模型)，反之亦然。View和ViewModel之间通过双向绑定(data-binding)建立联系。 ...原创 2018-12-06 15:47:30 · 417 阅读 · 3 评论 -
Vue.js实战学习-计算属性
1.什么是计算属性？ 在表达式中如果有复杂的逻辑时就应该使用计算属性，所有的计算属性都以函数的形式写在Vue实例内computed选项内，最终返回计算后的结果，如：<!DOCTYPE html><html><head> <title>计算属性</title></head><body>原创 2018-12-13 10:20:07 · 215 阅读 · 0 评论 -
Vue.js实战学习-v-bind及class与style绑定
一. 了解v-bind指令 前面两章已经了解了v-bind的基本用法以及它的语法糖，它的主要用法是动态更新HTML元素上的属性。示例如下：<div id="app"> <a v-bind:href="url">链接</a> <img v-bind:src="imgUrl"> <!-- 缩写为 --&...原创 2019-03-22 11:09:14 · 511 阅读 · 0 评论 -
Vue.js实战学习-表单与v-model
一.基本用法 Vue.js提供了v-model指令，用于在表单类元素上双向绑定数据，如在输入框上使用时，输入的内容会实时映射到绑定的数据上。<div id="app"> <input type="text" v-model="message" placeholder="输入..."> <p>输入的内容是: {{ message ...原创 2019-04-04 14:08:59 · 310 阅读 · 0 评论 -
Vue.js实战学习-组件详解(一)
组件与复用 1.组件用法 组件与创建Vue实例类似，需要注册后才可以使用。注册有全局注册和局部注册两种方式。全局注册后，任何Vue实例都可以使用。全局注册实例代码如下：Vue.component('my-component', { //选项}) my-component就是注册的组件自定义标签名称，推荐使用小写加减号分割的形式命...原创 2019-04-11 10:44:25 · 363 阅读 · 0 评论 -
Vue.js实战学习-内置指令
一.基本指令 1.v-cloak v-cloak不需要表达式，它会在Vue实例结束编译时从绑定的HTML元素上移除，经常和CSS的display:none;配合使用：<div id="app" v-cloak> {{ message }}</div><script> var app = new Vue({ ...原创 2019-03-29 14:32:53 · 200 阅读 · 0 评论 -
Vue.js实战学习-组件详解(二)
使用props传递数据 基本用法 组件不仅仅是要把模版的内容进行复用，更重要的是组件间要进行通信。通常父组件的模版中包含子组件，父组件要正向地向子组件传递数据或参数，子组件接收到后根据参数的不同来渲染不同的内容或执行操作。这个正向传递数据的过程就是通过props来实现的。 在组件中，使用选项props来声明需要从父级接收的数据，props的值可以是两种，一种是...原创 2019-04-19 15:23:37 · 183 阅读 · 0 评论