Vue.js学习

Posted Martix

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.js学习相关的知识,希望对你有一定的参考价值。

Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统。数据驱动+组件化的前端开发。

Vue.js的特性如下:

1.轻量级的框架

2.双向数据绑定

3.指令

4.插件化

实践

1、声明式渲染

Vue.js学习(1)

v-bind指令:将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致 

2、条件与循环

Vue.js学习(1)

Vue.js学习(1)

v-if指令:条件控制是否显示

v-for指令:循环指令

3、处理用户输入

v-on指令:添加一个事件监听器,通过它调用在 Vue 实例中定义的方法

v-model指令:实现实现表单输入和应用状态之间的双向绑定


以上是关于Vue.js学习的主要内容,如果未能解决你的问题,请参考以下文章

从零开始学习Vue.js,学习笔记

Vue学习笔记目录

Vue.js源码学习——项目构建

Vue.js 2.0 学习重点记录

Vue.js 2.0 学习重点记录

Vue.JS入门学习随笔