Vue Framework安装教程和用法_资讯_统软云 | Unisoft

它是一组用于构建前端和后端分离的框架。使用vue开发网页非常简单,技术生态环境完美,社区活跃。这是前后求职者必备的技能!
1.Vue安装Vue的安装一般分为三种模式
模式1:CDN简介
方法2:直接下载到开发环境:
生产环境:
模式3:使用中的npm安装;建议在构建大型app时使用Vue;NPM安装。NPM与以下各项配合良好:;webpack或Browserify模块打包器一起使用。同时还提供了Vue支持工具来开发单个文件组件。
123#最新稳定版本$npm安装vue
2.要基本上使用Vue,需要创建一个Vue对象并在对象中传递el参数。el参数的全名是element,用于查找要渲染到vue的根元素。我们可以传递一个数据参数,数据中的所有值都可以使用{{}}直接在根元素下使用。
示例代码如下:
<脚本>
;const app=新Vue({

 nbsp;el:“#app”,
 nbsp;数据:{
 nbsp; ;留言:“vue初学者”
 nbsp;}
)
data中的数据只能在vue的根元素下使用,不能在其他地方被vue识别和渲染。
例如:
{{message}}
<脚本>
;const app=新Vue({
 nbsp;el:“#app”,
 nbsp;数据:{
 nbsp; ;留言:“vue初学者”
 nbsp;}
)

此外,您可以向vue对象添加方法。此属性专门用于存储您自己的函数。方法中的函数也可以在模板中使用,方法中的功能可以通过this的名称访问数据中的值。属性,而不添加此属性的名称。数据属性
示例代码如下:
<脚本>
;const app=新Vue({
 nbsp;el:“#app”,
 nbsp;数据:{
 nbsp; ;留言:“vue初学者”
 nbsp;},
 nbsp;方法:{
 nbsp; ;问候语:函数(){
 nbsp; ; ;返回“hello”+this.message
 nbsp; ;}
 nbsp;}
)

本文介绍了Vue的安装和使用。
相关资讯:
农产品电子商务向企业个人农产品电子贸易方向发展的效益
查看
Web 3.0技术的基本方向
查看
2018-12-25
查看
扫码联系售前工程师