首页 > 其他 > 详细

个人技术博客:VUE基础

时间:2020-06-15 22:42:08      阅读:41      评论:0      收藏:0      [点我收藏+]

VUE.js简介

Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

VUE的官方文档无论是对初学者还是专业人员都很有帮助!
点此进入VUE官网

VUE 的安装

- CDN引入方式

在页面文件直接插入以下代码即可
<script>https://unpkg.com/vue/dist/vue.js</script>

- 下载VUE.js到本地再引入

点击链接下载后,在页面文件中用引入 点此下载vue.min.js

NPM方式安装VUE-CLI(脚手架)

请先确保您安装了node.js 3.0及以上版本

VUE脚手架适合较大项目开发,如果只是做VUE的小案例可以不用脚手架,但也推荐您安装VUE-CLI

方法1:在命令行中输入
npm install -g vue-cli
方法2:使用国内镜像安装,命令行输入
npm install -g cnpm -registry=https://registry.npm.taobao.org
回车后,
cnpm install -g vue-cli

VUE的声明式渲染

<div id="app">
  {{ message }}
</div>

var app = new Vue({
  el: ‘#app‘,
  data: {
    message: ‘Hello Vue!‘
  }
})

个人技术博客:VUE基础

原文:https://www.cnblogs.com/linsheng1435/p/13138015.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!