基本介绍 Vue.js Vue是一款优秀的过程开源框架，也是现在WEB工程师必会的一项技能。 它是一个渐进式的框架，所谓渐进式是指你可以对你的项目代码进行渐进的重构，比如最开始你的项目中所有页面的代码
基本介绍
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- 官方开发版本 -->
https://cn.vuejs.org/js/vue.js
<! -- 官方生成版本 -->
https://cn.vuejs.org/js/vue.min.js
# 最新稳定版
$ npm install vue
Vue特点
简单体验
- 首先要生成一个
Vue实例。
- 使用
el来挂载元素，可以使用CSS选择器，以及JavaScript的选择器拿到原生DOM元素进行挂载。
- 将数据存放至
data中。
- 使用
Vue的mustache语法对data中的数据进行渲染，令其展示到被挂载元素模板上。
<body>
<div id="app">
<p>{{ msg }}</p>
</div>
<script src="./vue.js"></script>
<script>
const app = new Vue({
el: "#app",data: {
msg: "HELLO,WORLD",}
})
</script>
</body>
MVVM
| 部分 |
描述 |
| 被挂载元素模板，即div标签中的内容 |
View，视图层 |
| 整个script标签中的内容 |
ViewModel，模型层 |
| Vue实例中data中的内容 |
Model，数据层 |
服务热线 19970861797
