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.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.js下载安装教程
- Vue.js 运行环境搭建详解(基于windows的手把手安装教学)及vue、node基础知识普及
- vue.js开发环境安装教程
- [js高手之路]深入浅出webpack教程系列1-安装与基本打包用法和命令参数
- Vue框架下的node.js安装教程
- 【vue】vue.js安装教程/vue项目搭建
- IntelliJ IDEA使用教程一 介绍&安装&基本配置
- 使用淘宝镜像cnpm安装Vue.js的图文教程
- vue教程3-04 vue.js vue-devtools 调试工具的下载安装和使用
- JS之模块化工具requirejs教程(二):基本知识
- vue.js下载安装教程
- 值得收藏的vuejs安装教程
- Vue.js安装教程
- vue.js开发环境安装教程
- Vue.js--基本命令&组件化应用构建
- Vue.js 运行环境搭建详解(基于windows的手把手安装教学)及vue、node基础知识普及
- JS模块化工具requirejs教程(二):基本知识
- CentOS Linux release 7.3.1611安装vue.js包含npm和cnpm详细教程
- vue.js开发环境安装教程
- [js高手之路] vue系列教程 - vue的基本用法与常见指令(1)