前端框架vue学习笔记:环境搭建
2024-10-08 13:38:32
兼容性
不兼容IE8以下
Vue Devtools 能够更好的对界面进行审查和调试
环境搭建
1.nodejs(新版本的集成了npm)【npm是node包管理 node package manager】
下载nodejs(http://nodejs.cn)
node -v 终端查看安装成功,npm -v 查看npm版本安装成功
2.安装vue
npm install vue
安装vue脚手架
npm install --global vue-cli
项目
1.在html中引入vue的包文件<script type="text/javascript" src="包文件地址"></script>
新手最好引入vue.js有提示,vue.min.js是压缩版本
2.在script标签中,通过vue对象去new vue()
new vue( {
el:‘#app’, //el:表示发生行为的目的地
template:' ', //template表示装载的模板
data:function() { //动态数据加载,function()泛指函数,//里面也可以使用对象,但不太常用
return {
//返回template里面的数据,例如下
text:' hello world ', //用 {{ }} 形式返回数据 , 如下div模块中所示
}
}
})
即body标签中的div,<div id="app"> {{ text }} </div>
最新文章
- 滴滴与Uber的竞争分析
- Global.asax 文件是什么
- wampserver 2.5 首页链接问题,wampserver Your Projects
- Hive分析hadoop进程日志
- [Prism框架实用分享]如何在主程序中合理的弹出子窗体
- Android 翻页效果 电子书
- Asp.Net MVC5入门学习
- <;Video>; in HTML5
- Matlab: 作图
- get和post提交数据的差别
- 正则表达式中的 \b 什么意思?
- Duilib第一步(II)-Hello World
- 从一个git仓库拷贝到另一个git仓库
- Message高级特性 &; 内嵌Jetty实现文件服务器
- Spring cloud config 使用gitHub或者gitee连接
- mycql 多表联合查询
- BZOJ.3453.tyvj 1858 XLkxc(拉格朗日插值)
- 莫烦tensorflow(6)-tensorboard
- AVH IP网络广播系统
- qt无法定位程序输入点 于动态链接库 qt5core.dll
热门文章
- 诡异的BUG
- Git push 报错error: failed to push some refs to &#39;git@github.com&#39;
- laravel环境安装
- asmx 、Web Service、Web API
- PHP 源码 — intval 函数源码分析
- bzoj3744: Gty的妹子序列 (BIT &;&; 分块)
- easyui的combogrid
- linux php 扩展安装
- 使用datatable动态添加的顺序与存储的顺序不一致
- Docker 基本命令和使用