vue2.0入门教程-笔记1
1.
el:”
//选择器 （可以用id选择器、class选择器、标签选择器，例<div id="box">...</div>）
//（不可以用<html>、<body>、<body id="box">，程序会报错且代码不执行）
2. <p>{{msg}}</p>
//文本插值 <input type="text" value="{{msg}}"/>
//v1.0 <input type="text" v-model="msg"/>
//v2.0
3. <p v-once>{{msg}}</p>
//v2.0，数据只绑定一次 <div v-html="myhtml">...</div>
//v2.0，纯html插值，myhtml是data下的一段html代码，即支持转义代码
<p v-if="uid">Now you can see me</p>
//uid=100时，可见 <p v-if="uid">Now you can see me</p>
//uid=0时，不可见 <p v-if="uid">Now you can see me</p>
//uid=”hello world时，可见 <p v-if="uid">Now you can see me</p>
//uid=null时，不可见
<p v-if="uid">Now you can see me</p>
//uid=100时可见 <p v-else="uid">uid为假时出现</p>
//uid=100时，不可见，uid=null时，可见
<a v-bind:href="url">www.baidu.com</a>
//url为data下的url:”https://www.baidu.com”
<button v-on:click="doSomething">doSomething</button>
//doSomething是methods下的一个方法 <button @click="doSomething">doSomething</button>
//缩写 <button @click="doSomething(5)">doSomething</button>
//doSomething:function(event){}