写在前面
Vue属于声明式编程的编程范式
编程范式有命令式编程和声明式编程两种:命令式编程就是告诉计算机第一步需要做什么第二步需要做什么第三步需要做什么,例如第一步先获取DOM元素第二步获取服务器数据第三步修改属性值;声明式编程是拿到数据后将数据保存在某个位置,比如Vue、React
一、安装方法
- CDN引入
<!-- 开发环境版本,包含了有帮助的命令行警告(未经过压缩的代码,适合看源码) -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
或者
<!-- 生产环境版本,优化了尺寸和速度(经过了压缩,删掉了打印的一些东西,发布时再使用) -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
- NPM安装
二、以WebStorm开发为例
首先新建空项目
在项目文件夹下新建js文件夹,将之前下载的vue.js文件放进去,在HTML代码中使用即可
具体使用类似于微信小程序的wxml和js(或者说微信小程序类似于vue。。。)
三、基本使用
<body>
<div id="app">{
{message}}</div>
<script src="../js/vue.js"></script>
<