VUE数据绑定

1.直接架加载vue.js文件方式 ...

2.npm前端包管理 安装vue    $ npm i vue --save-dev

---

Text:{{text}}  数据绑定 text变化

Text:{{*text}} 只渲染一次 ，接下来数据变化不再更新

{{text}} 双大括号   里面text当做字符串

{{{text}}} HTML代码段

双大括号还可以放到HTML标签里

---

支持简单的表达式     {{cents/100}}     {{true?1:0}}      {{example.split(",")}}

注：错误示例    var logo = 'asdas'   不是语句也不是表达式  

                         if(true) return 'asdass'   不支持条件控制语句可使用三元式

支持过滤符 {{example|toUppercase}} 

允许串联 {{example|filter1|filter2}}   

过滤器支持传入参数 {{example|filter a b}}

---

指令   v-前缀写法    例如

asd

  当 show为true时  显示   asd

指令参数写法   

  

---

分隔符配置   vue.js 数据绑定语法是可配置的    源码 src/config.js     

let delimiters = ['{{','}}']  文本   let unsateDelimiters = ['{{{','}}}']  HTML代码段

自定义  Vue.config.delimiters = ["<%","%>"]  

             Vue.config.unsateDelimiters= ["<$","$>"]

---

注：部分参考详见VUE.JS权威指南-电子工业出版社