Vue 常用api

Vue 环境

1. 开发环境 :

<!-- 开发环境版本，包含了有帮助的命令行警告   相当于jquery中的开发版本  开发中 经常使用  因为出错有提示-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2. 生产环境

<!-- 生产环境版本，优化了尺寸和速度 相当于jquery.min.js -->
<!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> -->

1. 声明与渲染

声明

	<div id="app">
	  {
   {
    message }}
	</div>

渲染

	var app = new Vue({
   
	  el: '#app',
	  data: {
   
	    message: 'Hello Vue!'
	  }
	})

el : 用来标记使用vue来管理的dom对象 一般是选择器 但是 不能使用html和body 要是用普通的标签
el 里面可以是任意的选择器 除了body 和html 但是建议给id选择器 在el里面被命中的选择器 他的子代以及后代选择器 都会被vue管理
data : (就是在页面显示的数据) 通过某一种语法 和页面dom元素关联起来

2. v-text

v-text 给元素设置