vue基础01补

Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。，是学完js基础后另一个实用性的框架，但相比其他的框架，vue则是属于构建网页的渐进式框架。它的核心库只关注视图层，方便与第三方库或既有项目整合。

和其他的框架工具一样，如jquery和bootstrap之类的框架一样，都可以通过script标签本地引入，

和线上引入；来完成。

​
<!-- 这是本地映入 -->
<script src="./vue.js"></script>

​

根据文档路径来引入【 ./  或  ../  】

接下来，了解vue的格式和额一些常用指令，在页面上完成显示Hello vue。

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

<script src="../vue.js"></script>
    <script>
        const app = new Vue({
			el:'#app',
			data(){
				return{
					message:'hello vue'
				}
			}
		})
	</script> -->

下面是vue的基本常用指令，

常用指令如下：

{{}}  可以进行运算和字符串拼接

v-once  是让渲染完的元素不能被修改

v-text  可以让页面原有的元素给覆盖掉

v-cloak  让页面在刷新时候不会闪烁成未编译前的状态

v-html  让传入的文字以html编译，而不是单纯的字符串

 v-if  让页面元素隐藏或者显示

v-for  循环输出数组内的文字到页面上

v-bind  用来绑定属性

v-on  是监听事件的变化

v-model  

v-pre