您的位置:首页 > 产品设计 > UI/UE

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

2017-06-19 15:22 447 查看
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组件系统:实现解耦,允许我们使用小型、自包含和通常可复用的组件构建大型应用。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Vue