标签：function 表示 img color mamicode als fun tps 哈哈
1. 去vue官网： https://cn.vuejs.org/
2. 引入vue.js文件
<body>
<script src="vue.js"></script>
</body>
引入vue.js文件之后，Vue被注册为一个全局的变量，它是一个构造函数。
<body> <div id = ‘app‘> <!--title对应data中的title--> <h3>{{title}}</h3> </div> <!--引入vue --> <script src="vue.js"></script> <script> // 1. 创建vue实例化对象 //参数 var appp = new Vue({ //表示我要使用当前id=app标签 来显示我的内容 el:"#app", // 所有的数据都放在数据属性中 data:{ title:‘土豆‘ } }) </script> </body>
四. Vue语法
<!--插值语法{{}}--> <h3>{{title}}</h3>
<h3>{{1+10}}</h3>
<h3>{{1>10?"真的":"假的"}}</h3>
<!--//指令系统 v-*--> <div v-if=‘show‘>哈哈哈哈哈</div>
<button v-on:click = "clickHandler">切换</button>
// 实例化一个vue对象 var app = new Vue({ el:‘#app‘, data:{ msg:‘今天学习vue‘, msg2:‘今天学习vue2‘, show:false, }, //methods是绑定事件的执行 methods:{ //点击后执行这个函数操作 clickHandler: function(){ console.log(this) // 将show属性变成ture this.show = true; } } })
标签：function 表示 img color mamicode als fun tps 哈哈
原文地址：https://www.cnblogs.com/Rivend/p/11883680.html
