vue.js安装教程&基本知识

来源:互联网 发布:apache和nginx linux 编辑:程序博客网 时间:2024/05/21 10:54

1.安装Vue.js

vue.js官网不推荐小白用CLI(命令行工具),可以在JS页面中手动引入 vue.js。

Vue.js安装
http://www.cnblogs.com/qdrw/articles/6380091.html
http://www.runoob.com/vue2/vue-install.html

WebPack打包工具
webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。
http://www.cnblogs.com/jinzy/p/6496103.html

WebPack优秀文章分享
https://github.com/webpack-china/awesome-webpack-cn

2.Vue.js 基础起步

{{ message }} 声明式渲染
v-html 直接输出html代码
v-if 控制message的值,作为判断条件
v-for 可以绑定数组的数据来渲染一个项目列表
v-bind 响应地更新HTML属性,缩写为” : ”
v-on 绑定一个事件监听器,调用自定义的方法,缩写为” @ ”
v-model 实现表单输入和应用状态之间的双向绑定

Vue组件系统:实现解耦,允许我们使用小型、自包含和通常可复用的组件构建大型应用。