Vue安装与初步体验
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
项目地址：https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
Vue安装
1.下载网站点我下载
在页面右侧通过滑动页面找到“开发版本”在“开发版本”文字处右键，点击“从链接另存文件为”，保存下来vue.js文件。然后放在合适的位置，通过“script”声明导入到html或jsp文件中，然后使用即可。具体导入见下文。
- 导入vue.js文件
前期准备：已经配置好tomat的eclipse软件，下载好的vue.js文件。
在eclipse中新建web project项目
在项目子文件夹WebContent做如下操作，我的项目下文件较乱，我就在WebContent下建了几个文件夹，不建文件夹也是可以的。
首先找到刚刚下载的vue.js文件，在想要放vue.js文件的文件夹处右键paste粘贴即可，（下图我在js文件夹名字处右键paste的显示结果）
新建一个html文件，并通过添加类似‘<script src="../js/vue.js"></script>’代码加入即可，此处要注意更改路径，通过更改src属性值更改到你所放置的src路径，这里附我的导入路径做一参考。
html文件和vue文件放置位置如上图，然后我只需在html文件中添加即可导入vue文件。
Vue简单使用
html文件内容如下（即上文的名为vueliebiao的文件）：
html文件内容如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="app">
你好:{{message}}
</div>
<script src="../js/vue.js"></script>
<script>
const app1=new Vue({
//let(es6定义变量) /const（es6定义常量）
el:'#app',//挂载要管理的元素
data:{
message:'Vue!',
}
})
</script>
</body>
</html>
通过new Vue新建vue对象，在新建Vue对象时设置Vue参数对象，el设置要挂载管理的元素，data设置数据内容。
参考文档
1.vue下载
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支：2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)