<>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=""

技术
©2019-2020 Toolsou All rights reserved,
Vue.js入门(五)---在vue中使用echarts词云Pandas统计分析基础_数据处理(DataFrame常用操作)element UI dialog点击dialog区域外会关闭dialog应届毕业生看过来!Java面试经典77问,看完离工作就不远了关于蓝桥杯大赛,你应该了解的那些事!mysql 分区-key分区(五)海康威视-嵌入式软件笔试题PHP Redis 监听过期的 key 事件C语言循环语句笔记详解以及练习-折半查找算法、猜数字游戏JVM概述