tylerGuo

摘要： 理论知识 双向数据绑定 数据绑定指数据和变量关联，两者内容一致。 双向即两个方向。 方向一 通过插值表达式，html标签绑定中vue实例对象的data属性中的变量，即获取变量并显示，此时时模型的值向网页输出。 方向二 通过v model指令，将能够获取用户操作值的网页标签同vue实例对象的data属 阅读全文

摘要： 理论知识 数据响应式 所谓响应是指对每一次变化，都做出相应的动作变化。那么数据响应式是指当赋值给变量的数据发生变化时，代码中使用该变量的位置也发生数据更新。即数据动态变化。 数据绑定 vue通过自定义指令，将数据和网页标签关联起来。 基于数据绑定和数据响应式，vue实现了将变化的数据动态的写入变量， 阅读全文

摘要： 理论知识 v pre用来跳过编译过程，页面中显示原始的变量名称。类似java中的转义字符。 实践 总结 指令的本质是vue作者自定义的网页标签属性。因此他的位置是在标签的左尖括号内部。 阅读全文

摘要： 理论知识 v html可向元素中插入html片段，例如 '标题一'等 该指令存在安全漏洞，因此在本地代码中可以使用，如果要调用第三方的代码中包含该指令，则存在安全隐患。 该指令的值可以同vue对象的data属性中变量绑定。 实践 总结 指令的本质是vue作者自定义的网页标签属性。因此他的位置是在标签 阅读全文

摘要： 理论知识 v text指令向标签中输入字符串，但不存在闪动问题，等价与 v cloak+插值表达爱式。 v text可以取到data中的数据。 实践 总结 指令的本质是vue作者自定义的网页标签属性。因此他的位置是在标签的左尖括号内部。 阅读全文

摘要： 理论知识 前端渲染 定义 将数据填充到HTML标签中，这是个处理过程。首先准备数据、模板，然后经过前端渲染处理，生成静态的HTML内容。 实现方式 1、原生js拼接字符串 但不同人的写法不同，后期维护困难。 2、前端模板引擎（beetl） 克服了方式一的缺点，但没有事件机制。 3、vue特有的模板语 阅读全文

摘要： 理论知识 v cloak指令(cloak披风、斗篷) 由于vue在解析插值表达式时，首先将插值表达式输出在浏览器，其后将插值表达式中的变量替换为具体值，用户可以看到这一过程，即存在闪动问题。 原理先通过样式隐藏内容，然后在内容中给插值表达式的变量赋值，最后显示在浏览器中。用户看不到变量替换的过程，进 阅读全文