引入js
在官网 - 教程 - 安装 - 直接用
初识Vue
1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象;
2.root 容器里的代码依然符合 html 规范，只不过混入了一些特殊的 Vue 语法;
3.root 容器里的代码被称为【Vue模板】;
例子：
目录机构：
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>初始Vue</title>
<script src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<h1>Hello , {{content}}</h1>
</div>
<script>
Vue.config.productionTip = false // f12 不提示
// 创建 Vue实例
new Vue({
el:'#root',//el 用于当前 Vue 实例为那个容器服务，值通常为 css 选择器字符串。
data:{ // data 中用于存储数据，数据供 el 所指定的容器去使用，值我们暂时先写成一个对象。
content:'你成功的引起了我的注意'
},
})
</script>
</body>
</html>
注意：一个容器和实例之间只能一 一对应。
1132
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
