vscode 中右键没有浏览器运行的问题，添加扩展插件 open in browser 就可以了。
Vue 简介
1. 什么是 Vue
一套用于构建用户界面的渐进式 JavaScript 框架
渐进式
- 简单应用只需要引入轻量小巧的核心库
- 复杂应用可以引入各式各样的 Vue 插件
2. Vue 的特点
- 采用组件化模式，提高代码复用率，切让代码更好维护。
- 声明书编码，让编码人员无需直接操作 dom ，提高开发效率。
- 使用虚拟 dom + 优秀的 diff 算法，尽量复用 dom 节点。
3. Vue.config 是一个对象，包含 Vue 的全局配置。
页面引入了 vue.js ，全局就多了一个 vue 的构造函数。
Vue.config.productionTip = false
关闭 vue 在启动时生成生产提示。案例 1 hello，小霍
<body>
<div id="root">
<h1>Hello,{{name}}</h1>
</div>
<script>
Vue.config.productionTip = false
new Vue({
el: "#root",
data: {
name: '小霍'
}
})
</script>
</body>{{name}} : 插值语法
el : el是element的简写，用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
data : data中用于存储数据，数据供el所指定的容器使用，值可以为对象或者函数。初识 Vue：
- 想让 Vue 工作，就必须创建一个 Vue 实例，且要传入一个配置对象。
- root 容器里面的代码依然符合 HTML 规范，只不过混入了一些特殊的 Vue 语法。
- root 容器里的代码被称为【 Vue 模板】
- Vue 实例和容器是一一对应的。
- 真实开发中只有一个 Vue 实例，并且会配合着组件一起使用。
- {{ xxx }}中的 xxx 要写 js 表达式，且 xxx 可以自动读取到 data 中的所有属性。
- 一旦 data 中的数据发生改变，那么页面中用到该数据的地方也会自动更新。
756
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
