这篇文章介绍的内容是一些简单的Vue.js的指令总结，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
html页面：
{{message}}
页面中的数据就是data中的数据
模版指令：控制模块的内容
v-text (控制元素的文本内容)
eg： --> a 是data中的a
v-html(控制元素的内容，包括内部结构 ）
立即学习“前端免费学习笔记（深入）”；
eg:
控制模块隐藏
v-if
eg: -->isShow的值是布尔值，true：显示， false，隐藏
v-show
eg: -->isShow的值是布尔值，true：显示， false，隐藏
渲染循环列表 v-for
eg:
- -->item是items里的每一个对象，items是data里的数组
事件绑定v-on
EDEN-MACE分销管理系统
下载
EDEN-MACE分销管理系统是微服务下的分销管理利器，更加灵活的管理佣金，涵盖并且总结了目前流行的分销模式，让分销更加简单，后期开发立足于产业互联网，致力于打通产业内部之间的联系。 产品亮点1、权限和分销完全分离，符合开发的低耦合的需求。2、产品完全可配置化，仅需要少量改动3、采用微服务思想，和原业务低耦合 ，不需要的时候可以随时下线。4、可视化图形化界面统计。5、完善化的账务体系，可追溯每一笔
eg: click 可以是hover，focus等事件 eg: 简写形式
属性绑定
v-bind eg：@@##@@ src属性赋值 imgSrc （简写）eg: isRed:true:加上类red，false：不加类red eg: 绑定多个类名 eg:
实例：
js：var app = new Vue({
el:"#app",
data:{ 这里填写数据，以键值对的形式
a:"heollo",
demo:1, items:[{label:"vue1"},{label:"vue2"}]
},
methods:{这里可以写自己定义的函数，
doSomething:function(){
console.log(this.a); --> this指代的是vue的对象， a 是data里的a }
},
watch:{ 监听，监听demo的变化， 参数是变化前后的值变化
'demo':function(val, oldVal){ console.log(val, oldVal);
}
}
});相关推荐:
