WEB前端，初识vue.js
Posted 阿沫夕霖
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了WEB前端，初识vue.js相关的知识，希望对你有一定的参考价值。
WEB前端，初识vue.js
一，vue知识点
vue.js 是一个以数据处理为核心的前端框架，具有高效的数据绑定和灵活的组件应用的特性 ( 模块化，组件 .vue)
模式1：MVVM（vue.js）
M ：model 数据层
V: view 视图层(html+css)
VM：viewModel 薄片层:是链接数据层和视图层的薄片层（vue的实例 ）
模式2：MVC
M:model 数据层
V:view 视图层（html+css）
C：controller控制层（js代码）
二，vue实例化
基础模板
<body>
<div id="app">
msg//hello
<button v-on:click="show()">点击</button>
<div :class="color" @click="show()">show方法展示</div>
</div>
</body>
<script>
var a= new Vue(
el:"#app",//document.getElementById("#aa");//挂载节点
data://数据
msg:"hello ",
,
methods: //方法
show()
alert("hi");//弹出框hi
,
,
computed:,//计算方法
filters:,//过滤方法
);
</script>
基本指令使用
v-model：双向绑定 可作用与input中value使用
v-if：控制css属性的消失隐藏
v-else：扩展是v-else-if
v-show:通过控制样式属性display的值来显示隐藏元素
v-for：遍历和迭代
v-text：可以简写为,并且支持逻辑运算
v-html: 用于输出html
语法糖
v-on:click(事件)="show()" 事件绑定——>@click="show()"
v-bind 动态绑定 url class style href ... ——>:class=""
以上是关于WEB前端，初识vue.js的主要内容，如果未能解决你的问题，请参考以下文章