标签：el vue name DOM 简介 复用 Vue
一、Vue是什么
- 一套用于构建用户界面的渐进式1Javascript框架
- 渐进式：Vue可以自底向上逐层的应用，简单应用：只需要一个轻量的核心库，复杂应用：引入各式各样的的Vue插件。
二、Vue特点
- 采用组件化模式，提高代码复用率，更好维护
- 声明式编码，无需操作DOM，提高开发效率
- 使用虚拟DOM+优秀的Diff算法（对比），尽量复用DOM节点
三、案例
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>初识Vue</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<div id="root">
<h1>Hello World，I am {{name}}</h1>
</div>
<body>
<script type="text/javascript">
Vue.config.productionTip = false; // 阻止vue在启动时生成生产提示
// 创建Vue实例
const x = new Vue({
el:"#root", // el 指定当前vue实例为哪个容器服务，值通常是css选择器字符串
data:{ // 存储数据
name:'张三14'
}
});
</script>
</body>
</html>
标签：el,
vue,
name,
DOM,
简介,
复用,
Vue
From： https://www.cnblogs.com/xiubai/p/17069855.html