Vue技术点整理-安装引入
2024-09-01 02:18:32
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架
所谓渐进式是指:
1,如果你有一个现成的web应用,你可以将vue作为该应用的一部分嵌入其中,带来更丰富的交互体验
2,如果你需要更多业务逻辑要放到前端处理,那么Vue的核心库以及生态系统,也可以满足各样的需求
一,将vue作为部分嵌入其中,在页面中使用<script>快速引用并开发
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用script直接引入vue</title>
</head>
<body>
<div id="app">
<h2>{{testFirst}}</h2>
<h2>{{testSecond}}</h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script>
//实例化Vue
var vm = new Vue({
el: '#app',
data: {
testFirst: 'init...',
testSecond: 'init...'
},
mounted() {
//实例挂载以后自动执行
this.testSecond = 'I am Vue'
}
})
</script>
</body>
</html>
二,新项目使用Vue进行开发,使用npm进行安装
# 最新稳定版
$ npm install vue
详情介绍查看 https://cn.vuejs.org/v2/guide/installation.html
最新文章
- 高仿ios版美团框架项目源码
- YAML 语法
- bzoj3674 可持久化并查集
- 【转】iOS学习之Storyboard中的UIScrollView使用自动布局
- ASP.NET MVC分页组件MvcPager 2.0版发布暨网站全新改版
- 对于placeholder浏览器兼容性(包括密码输入框)解决办法
- python 局部变量和全局变量 global
- C++自问自答
- OC语言构造方法
- 元音字母A的发音规则
- 微信小程序开发1
- HDU 5778 abs (BestCoder Round #85 C)素数筛+暴力
- automake使用
- 前端开发者使用JS框架的三个等级
- python logging一个通用的使用模板
- 001_angular4.0框架学习
- Windows环境下安装Linux
- 为MySQ启用HugePage
- 利用lodop打印控件轻松实现批量打印 (转载http://www.thinkphp.cn/topic/13085.html)
- 重拾IP路由选择:CCNA学习指南中的IP路由选择
热门文章
- window下nodejs爬取gb2312网页出现乱码的解决方案
- XF 彩色矩形块
- SQLSTATE[HY000]: General error: 1205 Lock wait timeout exceeded; try restarting transaction 解决方法
- laravel 报错SQLSTATE[HY000] [2002] No such file or directory
- 【全面解禁!真正的Expression Blend实战开发技巧】第五章 从最常用ButtonStyle开始 - ImageButton
- Delphi中close与Terminate方法的区别
- MySQLNonTransientConnectionException: Data source rejected establishment of connection, message from server: ";Too many connections";
- C++ 标准库概览(一分钟就看完了)
- -bash: /root/java/jdk/bin/java: cannot execute binary file
- 章节十四、7-如何切换到iFrame