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 只能编译一次，

如果显示的信息不需要修改可以提高性能。