前言
学习起步永远不晚，时光不负有心人，记录学习中的成长和感悟从今天开始
一、vue背景简介
1.JavaScript框架
2.简化Dom操作
3.响应式数据驱动
二、Vue官方文档网址
链接1: https://cn.vuejs.org.
链接2: https://cn.vuejs.org/v2/guide.
第一个Vue程序操作步骤
1.环境导入开发版本的Vue.js，此版本包含有帮助的命令行警告，适合新手。
<script src="https://cdn.jsdelivr.net/vue/dist/vue.js"></script>
2.创建Vue实例对象，设置el属性（挂载点）和data属性（数据对象）。
el(挂载点)：
- el是用来设置Vue实例挂载（管理）的元素，可挂载多样dom元素（如class，id，
- 可使用其他双标签，如div,不能挂载在html和body 标签里），可以使用其他选择
- 器，但是建议使用id选择器 - （同一个html里id命名具有唯一性）。
data(数据对象)：
- Vue中用到的数据定义在==data==中
- ==data==中可以写==复杂类型==的数据
- 渲染复杂类型数据时，遵守Js的==语法==规则
3.使用Vue模板语法把数据渲染到页面上,Vue实例如下：
<body>
<div id="app">
{{massage}}
</div>
<script src="https://cdn.jsdelivr.net/vue/dist/vue.js"></script>
<scricp>
var app=new Vue{(
el:"",
data:{
message:"Hello Vue!"
}
)}
</scricp>
</body>
Vue实例对象的作用范围：
- vue会管理el选项命中的元素及其内部的后代元素
总结
vue第一天。
|