vue2.x 学习笔记 插值表达式、v-cloak.v-click.v-text.v-bind.v-on

v-cloak需要在F12设置3g慢速网络


<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Documenttitle>
  <style>
    [v-cloak] {
      
      /* display: none; */
    }
  style>
head>

<body>
  <div id="app">
    
    <p v-cloak>++++++++ {
    { msg }} ----------p>
    <h4 v-text="msg">==================h4>
    
    

    <div>{
    {msg2}}div>
    <div v-text="msg2">div>
    <div v-html="msg2">1212112div>

    
    
    
    

    
    <input type="button" value="v-bind and v-on" :title="mytitle + '123'" v-on:click="alert('hello')">


    <input type="button" value="v-on缩写" @click="show">
  div>


  <script src="vue.js">script>

  <script>
    var vm = new Vue({
      
      el: '#app',
      data: {
      
        msg: '123',
        msg2: '

哈哈,我是一个大大的H1, 我大,我骄傲

'
, mytitle: '这是一个自己定义的title' }, methods: { // 这个 methods属性中定义了当前Vue实例所有可用的方法 show: function () { alert('Hello') } } }) /* document.getElementById('btn').onclick = function(){ alert('Hello') } */
script> body> html>

你可能感兴趣的:(#,[,vue,2.0,])