![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue基础学习
芒果不氓丶
聪明出于勤奋,天才在于积累。
展开
-
Vue.js基础学习(一、Vue.js介绍)
Vue.js基础学习Vue.js 是什么1.声明式渲染2.条件(v-if)与循环(v-for)3.处理用户输入(v-on与v-model)`v-on`事件监听器`v-model`表单输入和应用状态之间的双向绑定4.组件化应用构建Vue.js 是什么Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手...原创 2019-01-04 10:27:36 · 363 阅读 · 0 评论 -
Vue.js基础学习(二、实例、模板语法、计算属性和侦听器)
Vue.js基础学习 二Vue 实例1.创建一个 Vue 实例2.数据与方法3.实例生命周期钩子4.生命周期图示模板语法1.插值文本(v-once 指令:执行一次性地插值)原始 HTML(v-html 来复合局部模板)特性使用 JavaScript 表达式2.指令参数修饰符3.缩写`v-bind `缩写`v-on` 缩写计算属性和侦听器计算属性基础例子计算属性缓存 vs 方法计算属性 vs 侦听属...原创 2019-01-04 14:53:45 · 1734 阅读 · 2 评论 -
Vue.js基础学习(三、Class 与 Style 绑定)
Class 与 Style 绑定Class 与 Style 绑定1.创建一个 Vue 实例1.1 对象语法1.2 数组语法1.3 用在组件上2.绑定内联样式2.1 对象语法2.2 数组语法2.3 自动添加前缀2.4 多重值Class 与 Style 绑定操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算...原创 2019-01-10 20:00:09 · 132 阅读 · 0 评论 -
Vue.js基础学习(四、条件)
条件1.`v-if`1.1 在 元素上使用 v-if 条件渲染分组1.2 `v-else`1.3 `v-else-if`1.4 用 key 管理可复用的元素2.`v-show`3.`v-if` vs `v-show`比较4.`v-if` 与 `v-for` 一起使用1.v-if在字符串模板中,比如 Handlebars,我们得像这样写一个条件块:<!-- Handlebars 模板 ...原创 2019-01-10 20:19:50 · 166 阅读 · 0 评论 -
Vue.js基础学习(五、列表渲染)
列表渲染1.用 v-for 把一个数组对应为一组元素2 一个对象的 v-for3 key4 数组更新检测4.1 变异方法4.2 替换数组4.3 注意事项5 对象更改检测注意事项6 一段取值范围的 v-for7 `v-for on a `8 `v-for with v-if`9 一个组件的 v-for1.用 v-for 把一个数组对应为一组元素我们用 v-for指令根据一组数组的选项列表...原创 2019-01-16 17:05:58 · 235 阅读 · 0 评论