zoukankan      html  css  js  c++  java
  • vue

    Vue的基本使用步骤
        1、需要提供标签用于数据填充。
        2、引入vue.js库文件。
        3、可以使用vue的语法做功能
        4、吧vue提供的数据填充到标签
    <div id="app">
             <div v-cloak>{{msg}}</div><!--插值表达式 (支持简单计算)-->
             <div v-cloak>{{msg+"___"+123}}</div>
             <div v-text="msg"></div>
             <div v-html="msg1"></div>
         </div>
    <script>
        var vm=new Vue({//新建vue对象
            el:'#app',//元素的挂载位置(可用css选择器)
            data:{//数据模型(值是一个对象)
               msg:"hello Vue",//填充内容
               msg1:"<h1>Html</h1>"
            }
        })
    </script>
    vue的指令
    v-cloak解决闪动问题 
    在css中添加样式[v-cloak]{display:none;}
    在插值表达式中加v-cloak
    v-text 填充纯文本和插值一样但是没有闪动问题
    v-html填充html片段,有安全问题,使用本网站内部数据时使用
    v-pre 显示原始信息,跳过编译过程
    数据响应式 v-once 只能编译一次,
    如果显示的信息不需要修改可以提高性能。
  • 相关阅读:
    jQuery火箭图标返回顶部代码
    质数和分解(完全背包)
    CodeForces
    FZU
    FZU
    Pets(匈牙利算法)
    Construct a Matrix (矩阵快速幂+构造)
    绝世好题(线性dp)
    String painter (区间dp)
    Funny Positive Sequence (思维+前缀)
  • 原文地址:https://www.cnblogs.com/marswenze/p/12974256.html
Copyright © 2011-2022 走看看