vue.js入门
2016-09-12 20:24
519 查看
vue.js是什么
首先vue不是一个框架,是一个构建数据驱动的web界面的库,通过简单的API提供高效的数据绑定和灵活的组件系统
特点:
1。轻量且不依赖其他基础库
2。数据绑定
3。指令
4。插件化
如何使用vue.js
安装:
1)script cdn文件 <http://webapp.didistatic.com/static/webapp/shield/z/vue/vue/1.0.24/vue.min.js>
2)npm i vue --save-dev
3) bower i vue --save-dev
写第一个vue程序(hellowrld)
<div id="firstApp">
{{text}}
</div>
new Vue({
el: "firstApp",
data: {
text: "hello world"
}
})
首先vue不是一个框架,是一个构建数据驱动的web界面的库,通过简单的API提供高效的数据绑定和灵活的组件系统
特点:
1。轻量且不依赖其他基础库
2。数据绑定
3。指令
4。插件化
如何使用vue.js
安装:
1)script cdn文件 <http://webapp.didistatic.com/static/webapp/shield/z/vue/vue/1.0.24/vue.min.js>
2)npm i vue --save-dev
3) bower i vue --save-dev
写第一个vue程序(hellowrld)
<div id="firstApp">
{{text}}
</div>
new Vue({
el: "firstApp",
data: {
text: "hello world"
}
})
相关文章推荐
- ArrayDeque集合的妙用
- NanoApe Loves Sequence(求最大值的期望)
- cell的高度自适应cell里lable的高度
- NanoApe Loves Sequence Ⅱ(尺取法)
- hdu5869 Different GCD Subarray Query(rmq+树状数组+gcd)
- 放肆的使用UIBezierPath和CAShapeLayer画各种图形(含仿微信视频眼镜Demo)
- Andorid中UI控件的详细介绍(四)——EditText
- HDU 5869 Different GCD Subarray Query 离线+树状数组
- UITextView的使用详解
- UIButton中setTitleEdgeInsets和setImageEdgeInsets的使用
- easyui 里 table 的 form提交后台获取的值全为null
- UILable 中文加上英文或者其他非中文字符自动换行的问题
- 关于LeetCode中Implement Stack using Queues一题的理解
- 第 8 章 Jenkins – 设置Build Job
- UIScrollViewDelegate-代理API详解
- amazeui/swiper大法
- #266 – 指定FontSize的值(Specifying Values for FontSize)
- 解决aapt "finished with non-zero exit value 1"问题
- 使用GestrueDetector进行手势识别
- servlet request response