从零开始学Vue(一)—— Vue.js 入门

vue.js作为现在笔记热门的JS框架,使用比较简单易上手,也成为很多公司首选的JS框架。 但是对于初学者可能学起来有些麻烦,所以推出《从零开始学Vue》系列博客,本系列计划推出19篇博客文章,这是最简单的入门第一篇! 如下是暂定的系列博客目录,欢迎有兴趣的同学关注学习~~

系列博客目录一览(暂定)

01 Vue.js入门 02 Vue.js实例 03插值、指令 04过滤器Filters 05计算属性Computed 06 Class与Style绑定 07 监听属性 Watch 08 条件渲染 09 列表渲染v-for 10 事件处理 11 初识组件 12 命令行工具(CLI)搭建 13 介绍vue-cli工程目录结构 14 组件嵌套/组件CSS作用域Scoped 15 Props属性传值 16 传值与传址 17 自定义事件传值 18 生命周期钩子 19 路由

 

1.1 Vue.js 概念

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

 

1.2 起步

官方指南假设你已了解关于 HTMLCSS JavaScript 的中级知识。如果你刚开始学习前端开发,将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧!之前有其它框架的使用经验会有帮助,但这不是必需的。

 

1.3 初试Vue.js 1.3.1 声明式渲染:模板语法——插值(文本)

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:

HTML:

<div id="app"> {{ message }} </div>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdwpd.html