什么是Vue.js
Vus.js是一套开发web页面的Javascript脚本框架。
框架特点:
- 单页模式
- 轻量级框架
- MVVM设计模式
官方网站 - https://cn.vuejs.org/
知识点
安装及使用- 1、下载框架库，项目通过script加载CDN文件
- 2、项目基于npm安装
- 命令 $ npm i vue —save-dev
- 国内使用淘宝资源类库
- 命令 $ cnpm i vue —save-dev
- 3、项目通过bower来安装
- 命令 bower i vue —save-dev
代码 第一个helloworld程序
第一种方式 JS加载CND文件
<html><head><title>Hello World</title></head><script src="https://unpkg.com/vue/dist/vue.js"></script><div id="didi-navigator"><ul><li v-for="tab in tabs">{{ tab.text }}</ul></div><script>new Vue({el: '#didi-navigator',data: {tabs: [{text : '巴士'},{text : '快车'},{text : '专车'},{text : '顺风车'},{text : '出租车'},{text : '代驾'}]}});</script></html>