vue.js学习笔记（1）

来源：互联网发布：a算法解决八数码问题编辑：程序博客网时间：2024/06/06 20:19

1.vue用data ,method 两个json，将方法和数据隔离了开来，方法是方法，数据是数据。结构清楚明了。且这里所用的json有”打包、分类“的意思，在用到json下面的具体的内容的时候，本身（method/data）并不需要特别的表示出来（源码包装过了？），所以this.show()、this.msg02是正确的，this.data.msg02、this.method.show()是错误的（也不必因此担心data和method重名的问题，有()的必定是method下的方法）
2.事件前用“：”隔开，赋值用”=“连接，如 v-on:click=(a=true) ， v-on:dblclick="cb()"
3.bootstrap？
<link rel="stylesheet" href="bootstrap.css"> -----这个删了压根用不了booststrap
<script src="bootstrap.js"></script> ----这个删了暂时没影响？什么鬼？这不是源码吗？怎么会没影响？？
4.bootstrap data-toggle data-target 无法发挥作用？？不知道何故？？
bootstrap里的class 是用来表示一类的模板式的固定的属性的（将CSS固定模板化了？）。在调用的时候不能变成'.class'而应该是'class',前者变成了JQ里DOM节点的选取了（bootstrap依赖于jq，引入bts的时候必须先引入JQ，）。而id的选取必须带”#id“，用的是jq的语法？
5. 2.0版本中的{{*}}用来说明只绑定一次的效果好像失效了（使用此方法整个页面失效），查看“/guide/syntax.html#插值”，同样的效果被“<span v-once>这个将不会改变: {{ msg }}</span>”代替。感觉是参考了jquery里的Callbacks('once')的方法？且once后面的所有的{{msg}}都变成了只绑定一次的效果（静态的，之显示data:{msg:xxx}里写死了的”xxx“）
6.{{{}}}三括号的HTML的转义输出被<div v-html="rawHtml"></div>代替。帮助文档以下内容：
原始 HTML
双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML ，你需要使用 v-html 指令：
<div v-html="rawHtml"></div>

这个 div 的内容将会被替换成为属性值 rawHtml，直接作为 HTML——会忽略解析属性值中的数据绑定。注意，你不能使用 v-html 来复合局部模板，因为 Vue 不是基于字符串的模板引擎。反之，对于用户界面 (UI)，组件更适合作为可重用和可组合的基本单位。

7. 在2.0版本中转义符的失效。1.0版本可以{{'welcome'|uppercase}}来改变大小写(仿linux？liunx中用”<< ,>><|“表示重输出和通道的意思)。2.0版本中次方法失效。但是在{{可以用原生JS语法了}}。所以上面的例子可以变为：{{‘welcome’.toUpperCase()（此处无';'）}}。注意是写在<body></body>里面的，不用';'结尾。

阅读全文

0 0