vue复习笔记二
表示vue项目创建成功。
文章共328字 · 阅读需要大约2分钟
一键AI生成摘要,助你高效阅读
问答
·
vue2项目的启动
vue create
cd hello- vue
yarn serve
得到:
Note that the development build is not optimized.
To create a production build, run yarn build.
表示vue项目创建成功
<!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>Document</title>
<!-- 1。引入核心脚本库vue.js -->
<script src="./libs/vue.js"></script>
</head>
<body>
<!-- 2。创建一个容器 -->
<div id="app">
<!-- 声明式渲染,俗称:插值语法 -->
<h1> {{msg}}</h1>
</div>
<!-- 3。编写业务逻辑 -->
<script>
// 实例化一个应用程序 选项对象{},data是其中一个配置项
var app = new Vue({
// 实例app对应的容器id="app"
// el==>element元素
// el: "#app",
// 数据
data: {
msg: "你好,vue",
num: 10,
sex: true,
},
});
// $mount()===》el配置项 规律:$开头的函数都是vue.js提供的内置对象。
// mount准备好了,鞍在马上,应用程序已经准备好,可以渲染。
app.$mount("#app");
</script>
</body>
更多推荐
已为社区贡献1条内容
所有评论(0)