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 只能编译一次,
    如果显示的信息不需要修改可以提高性能。
  • 相关阅读:
    explicit
    boolalpha 和 noboolalpha
    C++ 头文件一览
    C++ I/O库总结
    Error:collect2:ld returned 1 exit status (总结)
    常用目录的作用
    硬盘分区与硬软链接
    POJ3694 Network(Tarjan双联通分图 LCA 桥)
    2016"百度之星"
    2016"百度之星"
  • 原文地址:https://www.cnblogs.com/marswenze/p/12974256.html
Copyright © 2011-2022 走看看