Vue笔记



	
		
		vue
		
	
	
	https://cn.vuejs.org/v2/guide/
	一、Vue介绍
		1.什么是Vue?
		  a.Vue是一套用于构建用户界面的渐进式框架;
		  b.需要了解关于 HTML、CSS 和 JavaScript 的知识;
		2.如何使用Vue?
		  a.直接使用script引入;
		3.声明式渲染
		  1.使用模板语法来声明式地将数据渲染;
		  2.绑定元素 attribute
		    2.1通过指令绑定元素的attribute;
		        v-bind:attribute
		  注意事项:
		    1.对应js不能放到head标签里面,因为代码从下网上执行,
		            页面没有加载完成就进行渲染,导致找不到DOM元素;
		4.条件和循环
		  1.v-if
		  2.v-else
		  3.v-else-if
		  3.v-for
		5.处理用户输入
		  5.1用 v-on 指令添加一个事件监听器,
		          通过它调用在 Vue 实例中定义的方法;
		  5.2v-model指令,它能轻松实现表单输入
		           和应用状态之间的双向绑定。
		6.组件化应用构建
		  6.1在 Vue 里,一个组件本质上是一个拥有预定义选项的
		           一个 Vue 实例;
	二、Vue实例
	1.创建Vue实例
		  a.选项:
		      1.data 
		         1.)类型:Object|Function
		         2.)限制:组件的定义只接受 function
		      2.el
		         1.)类型:string | Element
		         2.)限制:只在用 new 创建实例时生效
		      3.methods:
		         1.)类型:{ [key: string]: Function }
		      
				var vm = new Vue({选项});
	三、模板语法
	  1.插值
	   a.文本
	    1.)使用“Mustache”语法 (双大括号) 的文本插值
	       
{{returnResult.name}}
注意事项: a. Mustache 标签将会被替代为对应数据对象上 msg 属性的值。 无论何时,绑定的数据对象上 msg 属性发生了改变, 插值处的内容都会更新。 b.通过使用 v-once 指令,你也能执行一次性地插值, 当数据改变时,插值处的内容不会更新。 但请留心这会影响到该节点上的其它数据绑定; 这个将不会改变: {{ msg }} b.原始的html v-html 3.发送Ajax请求 https://www.cnblogs.com/EricZLin/p/9380406.html

 

你可能感兴趣的:(Vue)